html,body{height:100%;line-height:1.5;overflow-x:hidden}body{font-family:Arial,sans-serif;color:#000;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;font-size:1rem}main{padding-top:1px;background-color:#fff;color:#000;flex:1}.container{max-width:1200px;margin:20px auto;padding:1rem}.arstider{display:grid;grid-template-columns:repeat(2,1fr);background-color:#c5c5c5;border-radius:20px;padding:2rem}.bild-span,.bild-tomat{display:flex;flex-direction:column;align-items:center;border-radius:20px;z-index:0}.bild-span span,.bild-tomat span{display:block;text-align:center;font-size:2rem;padding:10px;width:100%}.bild-span img,.bild-tomat img{display:block;z-index:200;margin-top:60px}.tomater{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;border-radius:20px;padding:1rem;position:relative}.element-tester{display:grid;grid-template-columns:repeat(5,1fr);overflow:visible;border-radius:20px;padding:1rem;position:relative}.puff{background-color:#d8d8d8;color:#000;border-radius:10px;border:1px solid black;padding:.2rem 1rem 1rem;margin:0 auto}footer{background-color:#b38b64;padding:.2rem 1rem 1rem}.flex-box{display:flex;width:100%;margin-top:20px;margin-bottom:30px}.btn,.btn-meny,.btn-sass{background-color:#fff;margin:0 auto;padding:20px;font-size:2rem;border:2px solid black}.btn-sass{background-color:#fff}.btn-meny{background-color:#80c780}.click-btn{cursor:pointer;font-size:1.4rem;position:relative;background-color:#b38b64;border:none;color:#000;max-width:200px;max-height:100px;text-align:center;transition-duration:1s;overflow:hidden;box-shadow:0 5px 15px #000;border-radius:10px;transition:transform .2s ease,background-color,.2s ease,box-shadow .2s ease}.click-btn:active{background:#004d00;color:#fff;display:block;transform:scale(.8)}hr{height:5px;border:none;animation:color 10s infinite}.higher{position:relative;z-index:10}.photo-round{width:200px;height:200px;border-radius:50%}.photo-square{width:200px;height:200px;border-radius:10px}@media(max-width:900px){.flex-box{flex-direction:column;gap:10px}.btn,.btn-sass,.btn-meny{font-size:1.5rem;padding:10px;width:100%;max-width:600px}.click-btn:active{content:"";background:#004d00;color:#fff;display:block;border-radius:0;transform:scale(1.5)}}header{background-color:#b38b64;width:100%;top:0;z-index:1000}.header-inner{width:100%}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 50px 0 30px}.site-logo{display:block;padding:20px 0}.nav-links{list-style:none;display:flex;gap:0;padding:0;margin:0}.nav-links li:not(:last-child){border-right:1px solid black}.nav-links li a{color:#000;text-decoration:none;font-size:2rem;display:flex;align-items:center;gap:15px;padding:25px}.nav-links .active{color:#000;font-weight:700;text-decoration:underline}.nav-links :hover{color:#4b4b4b}.nav-links a{text-decoration:none;color:#000}nav a:visited{color:#000}.nav-links img{display:block;height:80px;width:auto}.hamburger{display:none;background-color:transparent;border:0;font-size:2rem}@media(max-width:1024px){.hamburger{display:block;margin-left:auto}.navbar{flex-wrap:wrap;padding-right:20px}.nav-links{display:none;flex-direction:column;width:100%}.nav-links li{width:100%;text-align:center}.nav-links li:not(:last-child){border-bottom:1px solid black;border-right:none}.nav-links li a{justify-content:center}.nav-links.active{display:flex}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes rotate2{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes move{0%{left:-100px;bottom:50px}25%{left:100px;bottom:50px}50%{left:0;bottom:50px}75%{left:0;bottom:0}to{left:-100px;bottom:50px}}@keyframes moveshadow{0%{filter:drop-shadow(-14px 0 15px rgb(49,49,49))}50%{filter:drop-shadow(14px 0 15px rgb(49,49,49))}to{filter:drop-shadow(0 -15px 15px rgb(49,49,49))}}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes color{0%{background-color:#000}10%{background-color:#00f}20%{background-color:red}30%{background-color:#0f0}40%{background-color:#ff00bf}50%{background-color:#ef0}60%{background-color:#00b7ff}70%{background-color:#036600}80%{background-color:#a86500}90%{background-color:#d0ff00}to{background-color:#fff}}@keyframes pilupp{0%{transform:translateY(0)}50%{transform:translate(100px)}to{transform:translateY(0)}}.smiley img{width:100px}.smiley-dark img{display:none;width:100px}.smiley img:hover,.smiley-dark img:hover{animation:rotate 5s infinite}.bild-tomat img{position:relative;animation:move 5s infinite,moveshadow 5s ease infinite}.banan-light,.banan-dark{animation:flip 3s infinite}.banan-dark{animation:none}.pil-upp{height:100px;position:relative;animation:pilupp 5s infinite;margin-bottom:40px}.pil-ner{height:100px;z-index:20;position:relative;animation:pilner 5s infinite,rotate2 5s linear infinite}.bananer{display:grid;grid-template-columns:repeat(3,1fr)}.banan-light,.banan-dark{width:100%;max-width:400px;height:auto;display:block}.banan-dark{display:none}.banan-text{margin:0;padding:0;max-width:none}@media(prefers-color-scheme:dark){main{background:#000;color:#fff}.puff{background-color:#c9c7c7;color:#000;border:1px solid white}.navbar,footer{background-color:#fff}.smiley img{display:none}.smiley-dark img{display:block}.arstider{background-color:#313131;border:1px solid white}nav a:visited{color:#000}a:visited{color:#fff}.btn,.btn-sass{background-color:#000;color:#fff;border:1px solid white}.btn-meny{background-color:#004d00;color:#fff;border:1px solid white}.nav-links li a:hover{color:#979797}.banan-light{display:none}.banan-dark{display:inline-block}}@media(max-width:600px){.arstider{grid-template-columns:1fr;flex-direction:column;padding:1rem;overflow-x:hidden}.tomater{grid-template-columns:1fr;flex-direction:column;padding:1rem;margin-top:80px;overflow-x:hidden}.bild-tomat img{margin-top:80px}.bananer,.element-tester{grid-template-columns:1fr;margin:10px auto;width:100%;justify-self:center;overflow:hidden}.container{max-width:100%;margin:20px auto;padding:.8rem;overflow-x:hidden}.click-btn:active{transform:scale(.6)}.pil-ner{animation:pilupp 5s infinite;padding-bottom:50px}}@media(max-width:900px){.arstider{grid-template-columns:1fr;flex-direction:column;padding:1rem;overflow-x:hidden}.tomater{grid-template-columns:1fr;flex-direction:column;padding:1rem;overflow:hidden}.bananer,.element-tester{grid-template-columns:1fr;margin:10px auto;width:100%;justify-self:center;overflow:hidden;height:100%;position:relative}.container{max-width:100%;margin:20px auto;padding:.8rem;overflow-x:hidden}}