@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@600&family=Open+Sans:wght@300;700&family=Spartan:wght@700&family=Raleway:wght@400;800&family=Kaushan+Script&display=swap");@import url("https://use.typekit.net/enr5njk.css");*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh}body{font:normal normal 300 1em/normal "Open Sans",sans-serif;display:flex;flex-flow:column;color:white;background-image:url("/assets/img/background-blurred.png");background-attachment:fixed;background-size:cover;background-position:bottom;background-repeat:no-repeat}main{flex-grow:1;padding:2rem;min-height:calc(100vh - 10rem)}a{color:white}h1{font:normal normal 600 2em/normal "Dosis",sans-serif}img{max-width:100%}.site-header{display:flex;flex-flow:column;align-items:stretch}.top-bar{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:1rem 2rem;background-color:#039e95;cursor:default;max-height:10rem}.top-bar .site-title{max-height:6rem;max-width:90%;display:flex;align-items:center}.top-bar .site-title img{max-height:6rem;max-width:100%;object-fit:contain}.top-bar .fish{position:absolute;left:-30px;display:flex;align-items:center;transition:left 0.75s ease}.top-bar .fish img{transform-origin:left;transform:scale(1.2);max-width:initial}@media only screen and (max-width: 800px){.top-bar .fish{left:-180px}}.top-bar:hover .fish{left:100vw}.site-nav{display:flex;flex-flow:wrap;justify-content:space-evenly;align-items:center;gap:0.25rem;text-align:center;padding:0.5rem 20%;background-color:#28ded5}.site-nav .page-link{text-decoration:none;color:#2d5e5c;font:normal normal 700 1em/normal "Open Sans",sans-serif;transition:all 0.2s ease-in-out}.site-nav .page-link:hover{transform:scale(1.15);color:white}.scroll-to-top{position:fixed;bottom:-5rem;right:4rem;height:5rem;display:flex;justify-content:center;align-items:center;z-index:999;background:none;border:none;cursor:pointer;opacity:0;transition:all 0.2s ease-in-out}.scroll-to-top img{width:5rem;transform:rotate(-90deg);max-width:initial}.scroll-to-top:active,.scroll-to-top:focus{outline:none;border:none}.scroll-to-top.visible{bottom:4rem;opacity:1}.scroll-to-top.visible:hover{transform:translate(0, -10px)}@media only screen and (max-width: 600px){.scroll-to-top{right:2rem}.scroll-to-top.visible{bottom:2rem}}.site-footer{width:100%;display:flex;flex-flow:column;justify-content:center;align-items:center;padding:2rem;gap:0.75rem;background-color:#28ded5;color:#2d5e5c}.site-footer .page-link{text-align:center;padding:0 1rem;text-decoration:none;color:#2d5e5c;transition:color 0.2s ease-in-out}@media only screen and (max-width: 800px){.site-footer .page-link{padding:0 0.5rem}}.site-footer .page-link:hover{color:white}.site-footer .page-link+.page-link{border-left:1px solid #2d5e5c}.site-footer .footer-nav{display:flex}.site-footer .footer-nav .page-link{font:normal normal 700 1em/normal "Open Sans",sans-serif}.site-footer .aux-links{display:flex}.site-footer .socials{display:flex;justify-content:center;align-items:center}.site-footer .socials .social-link{display:flex;justify-content:center;align-items:center;width:32px;height:32px;background-color:#2d5e5c;transition:all 0.2s ease-in-out}.site-footer .socials .social-link.instagram{mask:url(/assets/img/instagram.svg);-webkit-mask:url(/assets/img/instagram.svg)}.site-footer .socials .social-link.facebook{mask:url(/assets/img/facebook.svg);-webkit-mask:url(/assets/img/facebook.svg)}.site-footer .socials .social-link.email{mask:url(/assets/img/gmail.svg);-webkit-mask:url(/assets/img/gmail.svg)}.site-footer .socials .social-link:hover{background-color:white}.site-footer .socials .social-link+.social-link{margin-left:2rem}figure img{display:block;margin:auto}figure figcaption{font-style:italic;text-align:center}.page-title{font:normal normal 600 2em/normal "Dosis",sans-serif;text-align:center;margin-bottom:1rem}.page-title::before{content:"\2013";margin-right:0.5rem}.page-title::after{content:"\2013";margin-left:0.5rem}.page-title:not(:first-of-type){margin-top:2rem}.page-description{font-style:italic;text-align:center;margin-bottom:1rem}.wrapper{margin:auto;padding:2rem 4rem;background-color:#2d5e5cCC;position:relative;max-width:1075px}section{display:flex;flex-flow:column;align-items:center}.issue-slider{width:100%;display:grid;grid-template-columns:8rem 1fr 8rem}.issue-slider .left,.issue-slider .right{display:flex;justify-content:center;align-items:center;width:4rem;transition:transform 0.3s ease, color 0.3s ease;color:#193536}.issue-slider .left:hover,.issue-slider .right:hover{transform:scale(1.1);color:white}.issue-slider .left{place-self:stretch end}.issue-slider .mobile-link{display:none}@media only screen and (max-width: 800px){.issue-slider{display:block}.issue-slider .left,.issue-slider .right,.issue-slider .issue-list{display:none}.issue-slider .mobile-link{margin-top:1rem;display:block;text-align:center}}.issue-list{list-style:none;width:100%;display:flex;flex-flow:row;align-items:center;gap:2rem;margin-top:1rem;overflow:hidden;scroll-behavior:smooth}.issue-list li{flex:0 0 10rem;margin-top:0.5rem}.issue-preview.latest{font-size:1.5em}.issue-preview.latest img{height:20rem}.article-list{list-style:none;width:100%;display:grid;grid-template-columns:repeat(auto-fit, minmax(12.5rem, 1fr));gap:2rem}.article-list li{height:100%}.issue-preview,.article-preview{text-decoration:none;color:inherit;text-align:center;display:flex;flex-flow:column;align-items:center;height:100%;transition:transform 0.3s ease}.issue-preview h4,.article-preview h4{margin-top:0.5rem}.issue-preview p,.article-preview p{color:#d9d9d9;font-style:italic}.issue-preview img,.article-preview img{height:12.5rem;object-fit:contain}.issue-preview:hover,.article-preview:hover{transform:scale(1.05)}section.apply{display:flex;flex-flow:column;align-items:center}.jobs{display:flex;flex-flow:wrap;justify-content:space-evenly;align-items:center;gap:1rem 2rem;padding:2rem;margin:1em 0;max-width:730px}.application-form iframe,.jobs{border-radius:5px;background-color:#93D2D5}.jobs .job{text-decoration:none;color:black;display:flex;flex-flow:column;align-items:center;text-align:center;flex:1 0 200px}.jobs .job img{width:100%;max-height:175px}.roles .role{align-items:flex-start;margin:1em 0}.roles .role h2,.roles .role h3{margin:0.5em 0 0.25em}.application-form{display:flex;width:100%;height:600px;margin:1.5em 0}.application-form iframe{width:100%;height:100%}@media only screen and (max-width: 800px){.wrapper{padding:2rem}.jobs .job{flex-basis:100px}}.school{position:absolute;margin-top:2rem;width:100%;height:400px;display:flex;overflow:hidden}.school div{height:100%;position:relative}.school div .fish{width:100%;position:absolute}.school div .fish img{width:100%;position:relative;left:0;transition:left 0.75s ease}.school div .fish:hover img{left:100vw}.school div:nth-of-type(1){flex:1 0 48px;margin-left:20px}.school div:nth-of-type(1) .fish{top:64px}.school div:nth-of-type(2){flex:1 0 80px;margin-left:20px}.school div:nth-of-type(2) .fish{top:294px}.school div:nth-of-type(3){flex:1 0 48px;margin-left:20px}.school div:nth-of-type(3) .fish{top:55px}.school div:nth-of-type(4){flex:1 0 80px;margin-left:20px}.school div:nth-of-type(4) .fish{top:184px}.school div:nth-of-type(5){flex:1 0 48px;margin-left:20px}.school div:nth-of-type(5) .fish{top:265px}.school div:nth-of-type(6){flex:1 0 96px;margin-left:20px}.school div:nth-of-type(6) .fish{top:79px}.school div:nth-of-type(7){flex:1 0 80px;margin-left:20px}.school div:nth-of-type(7) .fish{top:249px}.school div:nth-of-type(8){flex:1 0 64px;margin-left:20px}.school div:nth-of-type(8) .fish{top:145px}.school div:nth-of-type(9){flex:1 0 80px;margin-left:20px}.school div:nth-of-type(9) .fish{top:51px}.school div:nth-of-type(10){flex:1 0 48px;margin-left:20px}.school div:nth-of-type(10) .fish{top:227px}.school div:nth-of-type(11){flex:1 0 48px;margin-left:20px}.school div:nth-of-type(11) .fish{top:119px}.school div:nth-of-type(12){flex:1 0 96px;margin-left:20px}.school div:nth-of-type(12) .fish{top:155px}.members{color:#2d5e5c;display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));grid-gap:2rem}@media only screen and (max-width: 800px){.members{display:flex;flex-flow:column}}.members .member{width:100%;height:100%;padding:0.5rem 1rem;border-radius:5px;background-color:#93D2D5;font-family:"Raleway", sans-serif;text-align:center}.members .member .name{font-family:"Kaushan Script", cursive;font-size:2.5em}.members .member .name::after{content:"";display:block;margin:0.5rem auto;width:50%;height:2px;background-color:#2d5e5c}.members .member .team{font-weight:800;font-size:1.5em;text-transform:uppercase}.members .member .bio{margin-top:1em}.about{text-align:center}.about p:not(:last-child){margin-bottom:1em}#toc{position:relative;font-family:league-gothic, sans-serif;min-height:38rem}#toc h2{display:flex;flex-flow:column;align-items:flex-end;text-align:right;text-transform:uppercase;font-size:0.75rem}#toc h2 span:first-child{font-size:1.5em;letter-spacing:0.25em}#toc h2 span:last-child{color:yellow;font-family:"Spartan", sans-serif;font-size:4em}.toc-list{display:flex;flex-flow:column;justify-content:space-evenly;font-size:2em;max-width:50%;list-style:none}.toc-list li{counter-increment:toc-counter;position:relative;margin:1rem 0}.toc-list li::before{content:counter(toc-counter);font-family:"Spartan", sans-serif;font-size:2em;color:yellow;position:absolute;right:calc(100% + 1rem);height:100%;display:flex;align-items:center}@media only screen and (min-width: 800px){#toc h2{font-size:1.5em;position:absolute;right:0;transform:rotate(-90deg);transform-origin:90% 50%}}.download-pdf-link{text-decoration:none;display:block;color:#b3b300;font:normal normal 600 2em/normal "Dosis",sans-serif;font-size:1.5em;text-align:center;transition:all .1s ease-in;margin-bottom:1rem}@media only screen and (min-width: 800px){.download-pdf-link{position:absolute;top:1rem;left:2rem}}.download-pdf-link:hover{color:yellow}.external-link{align-self:flex-end;display:inline-flex;justify-content:center;align-items:center;padding:0.25rem;color:#193536}.external-link svg{width:0.75em;height:0.75em}.external-link:hover{color:white}hr{color:#2a5457;margin-top:0.6em}.cover-image{max-width:600px;display:block;width:100%}.article-wrapper p{margin:1em 0}.article-wrapper .description{text-align:center;font-style:italic}.article-wrapper h2+.description{text-align:left}.article-wrapper .author{font-weight:bold}body{counter-reset:question}.question{text-align:center;margin-bottom:3rem;font:normal normal 600 2em/normal "Dosis",sans-serif}.question:first-of-type{padding-top:1rem;border-top:2px solid #2d5e5c}.question h2{text-transform:capitalize;font-size:1.25em}.question h2::before{counter-increment:question;content:"QUESTION " counter(question) ": "}@media only screen and (max-width: 600px){.question{font-size:0.9rem}.question h2{font-size:1.5em}}.answers{list-style:none;display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;margin:2rem 0}.answers .answer{color:#2d5e5c;background-color:#93D2D5;position:relative}.answers .answer button{background:none;border:none;outline:none;position:absolute;width:100%;height:100%;display:grid;place-items:center;padding:1rem;font:inherit;font-size:1.5em;text-align:center;hyphens:auto;cursor:pointer}.answers .answer button:disabled{cursor:initial}.answers .answer button.selected{color:black;border:8px solid #4DB5BC}.answers .answer::after{content:"";display:block;padding-bottom:100%}@media only screen and (max-width: 800px){.answers .answer button{position:relative}.answers .answer::after{content:none}}@media only screen and (max-width: 600px){.answers{gap:1rem;margin:1rem 0}}.result{display:none;text-align:center;background-color:#4ab3b8;color:black;padding:2rem;font-size:1.5em}.result p{margin-top:1rem;font-style:italic}[class$="-screen"]{position:absolute;top:60%;left:50%;transform:translate(-50%, -50%);max-width:400px;text-align:center;padding:0.5rem 1rem 1rem 1rem;border-radius:10px;border:2px solid white;transition:opacity 0.3s ease}[class$="-screen"] h2{font-size:2.5em}[class$="-screen"] h2+p{font-style:italic}[class$="-screen"] p:nth-of-type(2){margin:2rem 0}[class$="-screen"] p>img{vertical-align:bottom;height:1.5em}.death-screen{opacity:0}.game-container{display:flex;justify-content:center;position:relative}canvas#flappyCanvas{border-bottom:1px solid white;border-left:1px solid white}.axis-label{display:inline-block;position:absolute;top:50%;left:calc(50% - 320px);transform:translate(-50%, -50%) rotate(-90deg)}.carousel{margin:auto;position:relative}.carousel__prev,.carousel__next{--size: 1rem;position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:calc(4 * var(--size));height:calc(4 * var(--size));background-color:#193536;font-size:0;display:flex;justify-content:center;align-items:center;z-index:2}@media only screen and (max-width: 600px){.carousel__prev,.carousel__next{--size: 0.5rem}}.carousel__prev{left:calc(-2 * var(--size))}.carousel__prev::before{content:"";transform:translateX(-30%);border-right:calc(1.5 * var(--size)) solid #fff;border-left:calc(1.5 * var(--size)) solid transparent;border-top:var(--size) solid transparent;border-bottom:var(--size) solid transparent}.carousel__next{right:calc(-2 * var(--size))}.carousel__next::before{content:"";transform:translateX(30%);border-left:calc(1.5 * var(--size)) solid #fff;border-right:calc(1.5 * var(--size)) solid transparent;border-top:var(--size) solid transparent;border-bottom:var(--size) solid transparent}.carousel__list{list-style:none;display:flex;align-items:center;overflow:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory}.carousel__slide{flex:0 0 100%;scroll-snap-align:center;position:relative;height:min-content}.carousel__slide img{width:100%}.carousel__slide p{position:absolute;bottom:0;left:0;font-size:2em;margin:1.5rem;padding:0.25rem 0.5rem;border-radius:8px;background-color:rgba(0,0,0,0.7)}@media only screen and (max-width: 600px){.carousel__slide p{font-size:1em;position:relative;background:none;margin:0;padding:0;text-align:center}}.ticker{list-style:none;display:flex;flex-flow:row;align-items:center;background-color:black;overflow:hidden}.ticker .ticker-item{margin-right:20rem;padding:0.15rem 0;flex:1 0 0;color:red;white-space:nowrap;font-family:monospace;font-weight:bold;font-size:1rem}.ticker::before,.ticker::after{content:"";flex:0 0 100%}.ranking-content{display:flex;flex-direction:column;width:100%;height:100vh}.ranking-content.show-all{height:100%}.ranking-content.show-all .ranking-slide{max-height:70vh}.ranking-content .ranking-button-container{margin:10px;user-select:none}.ranking-content .ranking-button-container .ranking-button{border-radius:50%;width:2em;height:2em;margin-top:0.3em;opacity:0.5;border:none;background-color:lightblue;font:normal normal 700 1em/normal "Open Sans",sans-serif;color:#2d5e5c}.ranking-content .ranking-button-container .ranking-button:hover{opacity:0.8}.ranking-content .ranking-button-container .ranking-button.selected{opacity:1;color:black}.ranking-content .ranking-button-container .ranking-button.show-all{margin-left:1em;border-radius:0%;width:auto;padding:0.2em}.ranking-content .ranking-button-container .ranking-button svg{width:1em}.ranking-content .ranking-slide{margin-bottom:30px;width:100%;min-height:0;max-height:100vh;display:flex;flex-direction:column}.ranking-content .ranking-slide.hide{display:none}.ranking-content .ranking-slide h2,.ranking-content .ranking-slide h3{margin-bottom:5px}.ranking-content .ranking-slide figure{width:100%;min-height:0;display:flex;flex-direction:column}.ranking-content .ranking-slide figure img{max-width:100%;min-height:0}
