:root{--color-primary-bg: #f1f3e0;--color-secondary-bg: #d2dcb6;--color-accent: #a1bc98;--color-dark: #778873;--color-text-main: #2d342d;--body-bg: #lighten($color-very-light, 5%);--content-bg: #d2dcb6;--primary-color: rgb(22.2828685259, 25.4661354582, 21.5338645418);--text-color: #2d342d;--sidebar-text: #f1f3e0}@media(prefers-color-scheme:dark){:root{--body-bg: rgb(22.2828685259, 25.4661354582, 21.5338645418);--content-bg: rgb(46.4621513944, 53.0996015936, 44.9003984064);--primary-color: rgb(189.2, 208.1, 182.9);--color-accent: rgb(189.2, 208.1, 182.9);--text-color: #f1f3e0;--sidebar-bg: rgb(10.1932270916, 11.6494023904, 9.8505976096);--sidebar-text: #d2dcb6}}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;min-height:100vh;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--color-secondary-bg)}.nav-checkbox{display:none}.hamburger-label{display:none;cursor:pointer;padding:10px;position:absolute;top:15px;left:15px;z-index:2000}.hamburger-label span{display:block;width:25px;height:3px;background:var(--color-text-main);margin:5px 0;transition:.3s}header{padding:20px;text-align:center}header,footer{width:100%;flex-shrink:0;background-color:var(--color-primary-bg);color:var(--color-text-main)}.layout-wrapper{display:flex;flex:1;max-width:800px;margin:0 auto;width:100%}.sidebar{width:250px;background-color:var(--color-dark);color:var(--sidebar-text);flex-shrink:0;text-align:center}.sidebar a{text-decoration:none;background-color:var(--sidebar-text);color:var(--sidebar-bg);display:block;width:80%;margin:20px auto;padding:10px;border:none;cursor:pointer;font-size:16px;border-radius:10px;transition:all .5s ease}.sidebar a:hover{background-color:var(--color-accent);color:var(--sidebar-bg)}.sidebar a{transform:scale(1);transform:scale(1.05);color:var(--text-color);display:block}.sidebar .secondary{background-color:var(--sidebar-text);color:var(--sidebar-bg);display:block;width:80%;margin:20px auto;padding:10px;border:none;cursor:pointer;font-size:16px;border-radius:10px;transition:all .5s ease}.sidebar .secondary:hover{background-color:var(--color-accent);color:var(--sidebar-bg)}.sidebar .secondary{background:linear-gradient(to right,var(--color-accent) 50%,var(--sidebar-text) 50%);background-position:right;background-size:200% 100%;border:2px solid var(--color-secondary-bg);color:var(--text-color)}.sidebar .secondary:hover{background-position:left;color:var(--sidebar-bg)}.sidebar li{list-style-type:none}main{flex-grow:1;min-height:1px;padding:20px;--color-secondary-bg: var(--content-bg)}#main-content{background-color:var(--content-bg);color:var(--text-color);padding:20px}#main-content p{margin-top:15px;line-height:1.6}.pictures{margin:20px 0;text-align:center}.pictures img{max-width:70%;height:auto;border-radius:8px;transition:transform .3s ease}.pictures h2{font-family:Georgia,serif;margin-bottom:10px;font-size:20px}.pictures #papegoja{font-style:italic}footer{padding:20px;text-align:center}.pond{position:relative;width:100%;height:300px}#frog-animation{margin-top:20px;position:relative;bottom:20px;left:0;width:100px;height:30px;cursor:pointer;z-index:10}#frog-animation.is-active{animation:moveForward 4s linear forwards}#frog-animation.is-active #frog{animation:hop 1s steps(4) 4}#frog-animation svg{width:40px;height:40px;fill:var(--color-text-main)}@keyframes hop{0%,to{transform:translateY(0) scaleX(1.1) scaleY(.9)}50%{transform:translateY(-50px) scaleX(.9) scaleY(1.1)}}@keyframes moveForward{0%{left:0;transform:scale(1);opacity:1}90%{left:75%;transform:scale(1);opacity:1}to{left:80%;transform:scale(0);opacity:0}}@media(max-width:768px){.hamburger-label{display:block}ul{padding:0 15px}.sidebar{padding-top:60px;position:fixed;top:0;left:-250px;width:250px;height:100vh;z-index:1500;transition:left .4s ease;box-shadow:5px 0 15px #0000004d;background-color:var(--color-dark)}.nav-checkbox:checked~.layout-wrapper .sidebar{left:0}.nav-checkbox:checked~header .hamburger-label span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.nav-checkbox:checked~header .hamburger-label span:nth-child(2){opacity:0}.nav-checkbox:checked~header .hamburger-label span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.layout-wrapper{flex-direction:column}}.pictures figcaption,.pictures #papegoja{padding:12px;border-radius:0 0 8px 8px;line-height:1.4;margin-top:-5px;box-shadow:0 4px 6px #0000001a}.chart-container{height:450px;width:100%;padding:10px;margin-bottom:50px;overflow:visible}.chart-container h2{font-family:Georgia,serif;margin-bottom:20px;font-size:20px;text-align:center}gmp-map{margin:20px 0;width:100%;height:500px}.search-container input{padding:12px 10px;width:300px;border:1px solid var(--color-secondary-bg);border-radius:4px;font-size:16px;transition:border-color .3s ease}.search-container input:focus{border-color:var(--color-primary-bg);outline:none}.search-container button{padding:12px 20px;margin-left:10px;background-color:var(--color-primary-bg);color:var(--color-text-main);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.search-container button:hover{background-color:var(--color-dark)}.footer__link{display:inline-block;margin-top:10px;color:var(--text-color);text-decoration:none;font-size:14px;transition:color .3s ease}.footer__link:hover{color:var(--color-dark)}