@font-face{font-display:swap;font-family:'Lekton';font-style:normal;font-weight:400;src:url(fonts/lekton-v20-latin_latin-ext-regular.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Lekton';font-style:italic;font-weight:400;src:url(fonts/lekton-v20-latin_latin-ext-italic.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:200;src:url(fonts/inter-v18-latin_latin-ext-200.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Inter';font-style:italic;font-weight:200;src:url(fonts/inter-v18-latin_latin-ext-200italic.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:400;src:url(fonts/inter-v18-latin_latin-ext-regular.woff2) format('woff2')}@keyframes sway{0%{transform:rotate(8deg)}50%{transform:rotate(-8deg)}100%{transform:rotate(8deg)}}@keyframes wave1{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}100%{transform:translate(0)}}@keyframes wave2{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}100%{transform:translate(0)}}@keyframes wave3{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}100%{transform:translate(0)}}HTML{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}HTML,BODY{margin:0;padding:0}HTML.welcome,HTML.welcome BODY{width:100%;height:100%;overflow:hidden}BODY{font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;font-size:1.1em;line-height:1.3}@media only screen and (max-width:768px){BODY{font-size:.9em;line-height:1.3}}.bg{background-image:url(../images/bg.jpg);background-size:cover;background-repeat:no-repeat;background-color:#fff9ef;background-position:center}A{font-family:"Lekton",serif;font-weight:400;color:#c8c458;text-decoration:none}H1,H2,H3,h4{margin:0;padding:0;font-family:"Lekton",serif;font-weight:400}H1,H2{font-size:2.1em;line-height:1}h2{padding-top:1em}H3{padding-top:1em;font-size:1.5em;line-height:1}H4{padding-top:1em;font-size:1.15em;line-height:1}@media only screen and (max-width:768px){H1,H2{font-size:1.9em}H3{font-size:1.4em}H4{font-size:1.05em}}UL{list-style-type:none;padding:0;margin:0}.container{width:100%;height:100%;overflow:hidden;position:relative}.content{width:100%;height:100%;position:absolute;top:0;left:0;transform:translateX(0);transition:transform 0.5s ease}.content.shifted{transform:translateX(-80%)}.new-content{height:100vh;position:absolute;top:0;transition:right 0.5s ease;z-index:1;overflow-y:auto}.new-content iframe{width:100%;height:100%;border:none;overflow-y:auto}.new-content.active{right:0;z-index:2}.new-content.inactive{z-index:1}@media only screen and (max-width:768px){.content.shifted{transform:translateX(-100%)}.new-content{width:100%;right:-100%}}@media only screen and (min-width:769px){.content.shifted{transform:translateX(-70%)}.new-content{width:70%;right:-70%}}@media only screen and (min-width:1024px){.content.shifted{transform:translateX(-70%)}.new-content{width:70%;right:-70%}}@media only screen and (min-width:1216px){.content.shifted{transform:translateX(-60%)}.new-content{width:60%;right:-60%}}@media only screen and (min-width:1408px){.content.shifted{transform:translateX(-60%)}.new-content{width:60%;right:-60%}}.object{animation:sway 2.4s infinite;animation-timing-function:ease-in-out;-webkit-transform-origin:top;-moz-transform-origin:top;transform-origin:top}.object-shape{display:block;margin:0 auto;position:relative;top:-30px;width:150px;height:150px;z-index:100}.object-shape IMG{width:100%;height:auto}.object-rope{height:120px;width:1px;background-color:#eb3b2e;content:"";display:block;margin-left:50%;bottom:150px}.wave1{position:absolute;bottom:40%;left:0;right:0;height:25%;animation:wave1 4s cubic-bezier(.12,0,.39,0) 0s infinite normal forwards;background-image:url(../images/wave1.png);background-size:cover;background-repeat:no-repeat;background-position:center}.wave2{position:absolute;bottom:20%;left:0;right:0;height:25%;animation:wave2 4s cubic-bezier(.12,0,.39,0) 2s infinite normal forwards;background-image:url(../images/wave2.png);background-size:cover;background-repeat:no-repeat;background-position:center}.wave3{position:absolute;bottom:0;left:0;right:0;height:25%;animation:wave3 4s cubic-bezier(.12,0,.39,0) 1s infinite normal forwards;background-image:url(../images/wave3.png);background-size:cover;background-repeat:no-repeat;background-position:center}.grass{position:absolute;bottom:-2%;left:0;right:0;height:40%;background-image:url(../images/grass.png);background-size:cover;background-repeat:no-repeat;background-position:top center;transform:skewY(1deg)}.card{position:absolute;top:45%;left:28%;width:23em;height:100vh;padding:.3em;background-color:rgb(255 255 255);border-radius:.66em;box-shadow:0 .16rem .3rem rgb(200 196 88 / .5),0 2.4rem 1.6rem -2rem rgb(200 196 88 / .15);transition:all ease-out .6s;transform:rotate(-3deg) scale(.97,.97);overflow:hidden;cursor:zoom-in}.card:hover{transform:rotate(-2.75deg) scale(1,1)}@media only screen and (max-width:768px){.card{top:41%;left:12%;width:23em}}BODY.focus .card{display:flex;position:absolute;top:0;bottom:0;left:0;width:23em;height:100vh;padding:.3em;background-color:rgb(255 255 255 / .9);border-radius:0;box-shadow:0 .16rem .3rem rgb(200 196 88 / .5),0 2.4rem 1.6rem -2rem rgb(200 196 88 / .15);transition:all ease-out .6s;transform:rotate(0) scale(1,1);overflow-y:auto;cursor:zoom-out}@media screen and (max-width:1199px){BODY.focus .card{z-index:100}}.card>DIV{padding:2.2em;border:1px solid rgb(200 196 88 / .5);border-radius:.5em}BODY.focus .card>DIV{height:100%;padding:2.2em;border:0 none;border-radius:0}.card H1{margin:0 0 .5em 0;color:red}.card UL>LI{margin:0 0 .4em 0}.buoy{position:absolute;top:58%;left:80%;width:100px;height:100px;background-image:url(../images/buoy.png);background-size:100% auto;background-repeat:no-repeat;background-position:center;transition:all ease-out .6s;transform:rotate(4deg) scale(.97,.97);cursor:pointer}BODY.focus .buoy{top:46.5%}.buoy:hover{transform:rotate(4.5deg) scale(1,1)}#footer{position:absolute;bottom:.6em;right:1em;font-size:.8em}#footer LI{text-align:right;padding-bottom:.8em}#footer LI A{padding:0 .4em;color:#ebead7;border-radius:.25em;background-color:rgb(0 0 0 / .66)}@media only screen and (max-width:768px){#footer LI{padding-bottom:.4em}#footer LI A{padding:.2em .4em;color:#ebead7;border-radius:.25em;background-color:rgb(0 0 0 / .66)}}.round{position:fixed;visibility:hidden;bottom:1em;right:1em;font-family:"Lekton",serif;font-weight:400;background-color:rgb(0 0 0 / .66);border:1px solid rgb(0 0 0 / .66);color:#ebead7;width:2.5em;height:2.5em;line-height:2.35em;border-radius:50%;cursor:pointer;outline:none;transition:transform 0.5s ease}.new-content.active .round{visibility:visible}@media only screen and (min-width:1024px){.round{right:3em;width:3em;height:3em}}.sidebar{padding:4.5em 6em 6em 1.5em;margin:0 auto;max-width:800px}@media only screen and (max-width:768px){.sidebar{padding:3em 4.5em 4.5em 1.5em}}.sidebar IMG.logo{width:6em;height:auto}.center{text-align:center}