html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.images-animations,main section,header,footer{display:flex;align-items:center;justify-content:center;margin:0 auto}.water-pic p,.grass-pic p{display:block;background-color:#faebd7;width:50%;margin:10px auto 0;padding:8px;border:4px solid;border-image:linear-gradient(90deg,#217a06,#0645f3) 1}#nav-menu ul{list-style:none;display:flex;justify-content:center}footer{font-family:Papyrus,sans-serif;height:60px;background-color:#211e1e;color:#fff;width:100%;margin-top:1rem}body{background-color:#f8d063be;color:#211e1e;font-weight:600;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}body h1{margin-bottom:0;text-align:center}body.dark{background-color:#211e1e;color:#fff}body.dark footer{border-top:1px solid rgb(255,255,255)}header{font-family:Helvetica,sans-serif;width:100%}#nav-menu{display:flex}#nav-menu ul{gap:1rem;align-items:stretch;margin-right:auto}#nav-menu li{display:flex}#nav-menu a{display:flex;padding:6px 10px;text-decoration:none;height:100%;font-weight:600;font-size:1.2rem;color:#fff;letter-spacing:1px;border-radius:8px;background-color:#0645f3;box-sizing:border-box}#nav-menu a:hover{background-color:#3dcfcf;transition:.3s}#nav-menu a:active{background-color:#1a6666;color:#fff}.image-area{display:grid;grid-template-columns:repeat(2,450px);grid-template-rows:auto;gap:2rem;margin-bottom:5rem;width:100%;height:auto}.image-area img{border-radius:8px;box-shadow:0 0 5px 2px #000;border:2px solid #f3b406}.image-area img:hover{transform:scale(1.02);border:2px solid white;transition:.5s}main{margin:0 auto;flex:1;max-width:1240px;text-align:center;font-family:Arial,sans-serif}main section{justify-content:flex-start;flex-direction:column}main .sass-section{width:90%;max-width:65ch;line-height:1.5;text-align:left;box-shadow:0 0 10px 5px #000;padding:.5rem;margin-top:1rem}main li{margin-bottom:1rem}.section-animations h1{margin-bottom:1rem}.images-animations{display:flex;gap:1rem;margin-bottom:1rem;margin-top:none;width:100%;height:auto}.images img{width:75%;height:auto}.grass-pic img{transition:.3s ease-in-out}.grass-pic img:hover{cursor:pointer;transform:scale(1.02);box-shadow:0 0 2px 2px #fff}.grass-pic p{max-width:65ch;line-height:1.4}.grass-pic.unshow,#girona-pic.unshow,#girona-text{display:none}#girona-text.show{display:block}.water-pic img{transition:.3s ease-in-out}.water-pic img:hover{cursor:pointer;transform:scale(1.02);box-shadow:0 0 2px 2px #fff}.water-pic p{max-width:65ch;line-height:1.4}.water-pic.unshow,#skule-text{display:none}#skule-text.show{display:block}.loading-spin{margin-top:2rem}@media(max-width:950px){.image-area{grid-template-columns:1fr;justify-items:center}#nav-menu{margin-left:auto;margin-right:1rem}#nav-menu ul{gap:.5rem}#nav-menu a{font-size:1rem;color:#000;background-color:#3cc;letter-spacing:.5px}}@media(max-width:768px){.images img{width:95%;height:auto}h1{font-size:1.5rem}h2{font-size:1em}}@media(max-width:505px){#nav-menu{display:flex;position:fixed;top:0;left:-100;height:100vh;width:100%;z-index:15;transform:translate(100%);transition:left .4s ease-in-out;background-color:#f3b406;margin-right:0;padding:0}}@media(max-width:505px)and (prefers-color-scheme:dark){#nav-menu{background-color:#211e1e}#nav-menu span{color:#fff!important}#nav-menu svg path{fill:#fff}}@media(max-width:505px){#nav-menu.dark{background-color:#211e1e}#nav-menu.show{display:flex;transform:translate(0);left:0;width:100%}#nav-menu.show ul{flex-direction:column;justify-content:flex-start;gap:1rem;margin-left:auto}#nav-menu.show li{width:100%}.image-area img{width:95%;height:auto}main .sass-section{margin-top:2rem}.images img{width:100%}.images p{font-size:.9rem;line-height:1.3;width:80%}}@keyframes flyingBee{0%{right:-10%;top:90%;transform:rotate(10deg)}50%{right:60%;top:45%;transform:rotate(-15deg)}to{right:300%;top:0%;transform:rotate(20deg)}}@keyframes moveAround{0%{right:15%;top:30%}50%{right:60%;top:20%}75%{right:15%;top:25%}to{right:15%;top:30%}}@keyframes spinAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(max-width:768px){@keyframes moveAround{0%{right:18%;top:20%}50%{right:23%;top:50%}to{right:18%;top:20%}}@keyframes flyingBee{0%{right:-10%;top:40%;transform:rotate(10deg)}50%{right:60%;top:20%;transform:rotate(-15deg)}to{right:110%;top:0%;transform:rotate(20deg)}}}#btn-menu,#btn-close{background:none;border:none;display:flex;flex-direction:column;cursor:pointer;z-index:25;height:50px;padding:4px 8px}@media(prefers-color-scheme:dark){.btn-darkened{background-color:#fff}#btn-menu span{color:#fff!important}#btn-menu svg path{fill:#fff}}#btn-menu.dark span{color:#fff}#btn-menu.dark svg path{fill:#fff}#nav-menu .current-page{background-color:#b43636;box-shadow:0 0 10px 1px #000 inset}.unshow{display:none}.show{display:block}.loading-spin{display:none}.loading-spin.show{display:block}#btn-restart{display:none}#btn-restart.show{display:block;margin:2rem 0 1rem}.btn-moving{position:absolute;animation:moveAround 7s linear infinite}.btn-moving:hover{animation-play-state:paused}.bee{position:absolute;width:60px;height:65px;pointer-events:none;animation:flyingBee 40s linear infinite}#icons{display:none}#icons.show{display:flex;flex-direction:column;align-items:center;margin:0 auto}.icons{display:flex;gap:1rem;margin:0 auto;align-items:center;justify-content:center}.thumbs-up{background:linear-gradient(270deg,#0645f3,#638bf8be,#f3b406);animation:gradientShift 4s ease infinite;background-size:500% 500%}.thumbs-up:hover{fill:#0645f3}.thumbs-up:active{box-shadow:0 0 5px 5px #fff;transform:translateY(-10px)}.thumbs-down{background:linear-gradient(270deg,#b43636,#f3b406);animation:gradientShift 4s ease infinite;background-size:500% 500%}.thumbs-down:hover{fill:#b43636}.thumbs-down:active{box-shadow:0 0 5px 5px #000;transform:translateY(10px)}.loading-spin{height:35px;width:35px;background:conic-gradient(#000,#fff);border-radius:50%;animation:spinAnimation 2s linear infinite,gradientShift 3s linear infinite}#btn-close.dark span{color:#fff}#btn-close.dark svg path{fill:#fff}#btn-close span{color:#fff}@media(max-width:950px){#nav-menu .current-page{color:#fff}}@media(max-width:505px){#btn-menu{display:flex!important;position:absolute;flex-direction:column;justify-content:center;align-items:center;top:0;right:.5rem;margin-left:auto;z-index:10;transition:.4s ease-out}#btn-menu.close{display:none;position:relative}#btn-close{position:absolute;display:none;margin-left:auto}#btn-close.show{display:flex;top:0;right:0}}.btn-darkened{background-color:#211e1e;color:#fff;border-radius:8px;padding:6px 12px;cursor:pointer;transition:background-color .3s;font-weight:600}.btn-darkened:hover{background-color:#1a6666}.btn-darkened.dark{background-color:#fff;color:#211e1e}.btn-darkened.dark:hover{background-color:#3dcfcf}#btn-menu{display:none}#btn-menu span{color:#000}#btn-menu svg path{fill:#000}#btn-close{display:none}#btn-close span{color:#000}.btn-moving{background-color:#3cc;color:#000;border-radius:8px;padding:6px 12px;cursor:pointer;transition:background-color .3s;font-weight:600}.btn-moving:hover{background-color:#fff}.btn-restart{background-color:#217a06;color:#fff;border-radius:8px;padding:6px 12px;cursor:pointer;transition:background-color .3s;font-weight:600}.btn-restart:hover{background-color:#fff;color:#000}.thumbs-up,.thumbs-down{border-radius:6px;padding:4px 6px;transition:.3s ease}@media(prefers-color-scheme:dark){body{background-color:#211e1e;color:#fff}body footer{border-top:1px solid rgb(255,255,255)}.grass-pic p,.water-pic p{background-color:#000}#btn-menu span{color:#fff}#btn-menu svg path{fill:#fff}}.images-animations{display:none}.images-animations.show{display:block}#skule-pic.unshow,#girona-pic.unshow{display:none}