*{box-sizing:border-box}@font-face{font-family:Picko;src:url(../fonts/Picko.otf)}@font-face{font-family:SugarDonut;src:url(../fonts/Sugar\ Donut.otf)}html{-webkit-font-smoothing:antialiased}html,body{height:100%;padding:0;margin:0;color:#fff;font-size:18px;background:#7ec5e1;font-family:Picko,Courier,-apple-system,system-ui,sans-serif;line-height:1.1}img,video,iframe{max-width:100%}header{padding:0;margin:0;text-align:center;margin-top:30px;margin-bottom:30px}.navButton:hover{transform:scale(1.2)}.navButton{display:block;display:inline-block;color:#fff;text-decoration:none;font-family:Picko,Courier,-apple-system,system-ui,sans-serif;font-size:2.6em;padding-top:10px;position:relative;transform:scale(1);transition:transform .1s;margin-left:32px;margin-right:32px;height:53px;z-index:3}#trailer{width:100%;max-width:800px;position:relative;display:inline-block;border-radius:12px;overflow:hidden;padding:10px;background-color:#416c88;padding-bottom:2px;-webkit-box-shadow:0 11px 1px 0 rgba(0,0,0,0.2);box-shadow:0 11px 1px 0 rgba(0,0,0,0.2);margin-top:30px;margin-bottom:50px;z-index:5}#trailer video{max-width:100%;border-radius:8px;cursor:pointer}h2{color:#fff;text-align:center;font-size:36px;margin-bottom:-12px;font-weight:100}h3{text-align:center;font-weight:100;font-size:24px}h4{text-align:center;font-weight:100}@keyframes logoAnimation{0%{transform:scale(0)}90%{transform:scale(1)}95%{transform:scale(1.05)}97%{transform:scale(0.96)}100%{transform:scale(1)}}#homeContent{overflow:auto;background-image:url(../images/floating/cel.jpg) !important;background-repeat:no-repeat;background-size:100%;background-position:50% 0;min-height:110%;z-index:-5}.innerContent{max-width:900px;width:100%;margin:0 auto;padding-top:30px;text-align:center;position:relative}#clouds{background-image:url(../images/floating/nuvols.png);background-size:cover}#brunyols-logo{max-width:90%;width:800px;margin:auto;display:block;margin-top:15%;animation-name:logoAnimation;animation-duration:2s;position:relative;z-index:3}#solet{max-width:90%;width:800px;margin:auto;display:block;margin-top:15%;z-index:2;position:absolute;top:-40%}#colom{width:200px;margin:auto;display:block;margin-top:40%;z-index:1;position:absolute;top:-5%;left:-10%}.home img{width:500px;max-width:90%}nav{display:flex;justify-content:center;text-align:center}.navItem{font-size:32px;margin:10px}.linkListItem{display:block;margin-bottom:16px;font-weight:600;font-size:25px}@keyframes wiggle{from{transform:rotate(0)}0%{transform:rotate(0)}15%{transform:rotate(3deg)}40%{transform:rotate(-3deg)}65%{transform:rotate(3deg)}85%{transform:rotate(0)}100%{transform:rotate(0)}to{transform:rotate(0)}}#iconLinks{display:grid;grid-template-columns:auto auto auto auto;justify-content:space-between;width:650px;margin:auto;margin-bottom:75px;margin-top:75px}#iconLinks a{width:150px;height:150px;display:inline-block;position:relative;transform:scale(1);transition:transform .1s,filter .3s}#iconLinks a:hover{transform:scale(1.2)}.iconLinkLabel{position:absolute;bottom:20px;text-align:center;width:100%;color:#fff;transform:scale(2)}.navButton{-webkit-filter:drop-shadow(2px 2px 2px #222);filter:drop-shadow(2px 2px 2px #222)}.text-shadow{-webkit-filter:drop-shadow(2px 2px 2px #222);filter:drop-shadow(2px 2px 2px #222)}footer>h2{-webkit-filter:drop-shadow(2px 2px 2px #222);filter:drop-shadow(2px 2px 2px #222)}#iconLinks>a{-webkit-filter:drop-shadow(2px 2px 2px #222);filter:drop-shadow(2px 2px 2px #222)}#iconLinks>a:hover{-webkit-filter:drop-shadow(1px 1px 2px #265b5e) drop-shadow(-1px -1px 2px #29265e);filter:drop-shadow(1px 1px 2px #265b5e) drop-shadow(-1px -1px 2px #29265e)}#linkInstagram{background:url(../images/logos/links/instagram.png) 0 0 / contain no-repeat}#linkMastodon{background:url(../images/logos/links/mastodon.png) 0 0 / contain no-repeat}#linkDiscord{background:url(../images/logos/links/discord.png) 0 0 / contain no-repeat}#linkSteam{background:url(../images/logos/links/steam.png) 0 0 / contain no-repeat}#infoContent{position:relative;padding-top:10%;padding-bottom:10%;text-align:center;border-top:8px dashed #416c88;overflow:auto;background-image:url(../images/background/middle.jpg);background-repeat:no-repeat;background-size:105%;background-position:0 43%;background-attachment:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:110%}footer{position:relative;min-height:110%;text-align:center;border-top:8px dashed #203654;border-left:0;border-right:0;border-bottom:0;overflow:auto;background-image:url(../images/background/bottom.jpg);background-repeat:no-repeat;background-size:105%;background-position:0 20%;background-attachment:fixed;display:flex;flex-direction:column;justify-content:flex-end;padding-top:10%;padding-bottom:10%}footer a{color:#f9a2f7;text-decoration:none}footer h3{margin-bottom:5px}#footer-content{margin-top:3%}#vermutet-logo{max-width:80%;width:300px}img{-webkit-filter:drop-shadow(3px 3px 1px #222);filter:drop-shadow(3px 3px 3px #222)}.screenshotsContainer{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;width:49%;max-width:100%}.screenshotsContainer img{width:49%;max-width:100%}h1{font-size:3em}h2{font-size:2.4em}@media screen and (max-width:1300px){#solet{top:-45%}#brunyols-logo{max-width:70%}header.notHome{margin:0}.navButton{font-size:2.2em;height:47px}#trailer{padding:0;background:0;padding-bottom:0;-webkit-box-shadow:0 0 0 0 rgb(0 0 0 / 0);box-shadow:0 0 0 0 rgb(0 0 0 / 0);margin-bottom:0}h2{font-size:31px;margin-top:5px}#iconLinks{max-width:50%;grid-template-columns:auto auto}.iconLinkLabel{bottom:30px;transform:scale(2)}#infoContent{background-size:340%;background-position:50% 25%}footer{background-size:225%;background-position:10% 60%}.screenshotsContainer{width:90%;max-width:90%}.screenshotsContainer img{width:100%;max-width:100%}}@media screen and (max-width:800px){#solet{top:-40%}#homeContent{min-height:auto}#infoContent{background-size:340%;background-position:50% 25%}footer{background-size:225%;background-position:10% 60%}#homeContent{min-height:auto;background-size:cover}#infoContent{background-size:cover;background-position:50% 25%}footer{background-size:cover;background-position:10% 60%}}@media screen and (max-width:600px){#solet{top:-35%}}@media screen and (max-width:500px){#solet{top:-35%}#iconLinks{display:flex;flex-direction:column;max-width:40%;grid-template-columns:auto}}@media screen and (max-width:385px){.innerContent{padding-top:5px}h2{font-size:26px}h1{font-size:28px}}