.navbar{background:url(/assets/nightsky-CDDB4xPI.webp) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:94px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;position:sticky;top:0;z-index:999}.navbar__container{display:flex;justify-content:space-between;height:80px;z-index:1;width:100%;max-width:1300px;margin:0 auto;padding:0 50px}#navbar__logo{font-family:goblin;margin-top:.8rem;color:#eee;text-decoration:none;font-size:2rem;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.navbar__menu{display:flex;align-items:center;list-style:none;text-align:center}.navbar__item{height:40px}.navbar__links{color:#eee;display:flex;align-items:center;justify-content:center;text-decoration:none;padding:1rem;margin-top:0;margin-left:2rem;height:100%;background:#1c145c;border-color:#eee;border-style:solid;border-width:3px}.navbar__links:hover{background:#9643ab;transition:.2s ease-in}@media screen and (max-width: 1050px){.navbar{margin-bottom:2rem}.navbar__container{display:flex;justify-content:space-between;height:100px;z-index:1;width:100%;max-width:1300px;padding:0}.navbar__menu{display:flex;flex-direction:column;margin:0;width:40%;position:absolute;left:58%;top:-100vh;opacity:0;transition:all .5s ease;z-index:-1}.navbar__menu.active{top:75%;opacity:1;transition:all .5s ease;z-index:99;font-size:1.6rem}#navbar__logo{padding-left:25px}.navbar__toggle .bar{width:40px;height:5px;margin:8px auto;transition:all .3s ease-in-out;background:#eee}.navbar__item{margin:1rem;width:100%}.navbar__links{text-align:right;padding:1.5rem;margin:0;border-radius:0}#mobile-menu{position:absolute;top:.5rem;right:5%;transform:translate(5%,20%)}.navbar__toggle .bar{display:block;cursor:pointer}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:nth-child(1){transform:translateY(12.5px) rotate(45deg)}#mobile-menu.is-active .bar:nth-child(3){transform:translateY(-12.5px) rotate(-45deg)}}@media screen and (max-width: 450px){#navbar__logo{margin-top:2rem;font-size:1.5rem}}@media screen and (max-width: 330px){#navbar__logo{margin-top:30px;font-size:1.2rem}}@media screen and (max-width: 275px){#navbar__logo{margin-top:30px;font-size:1rem}}@media screen and (max-width: 245px){#navbar__logo{margin-top:30px;font-size:.9rem}}.home__container{display:grid;grid-template-columns:.8fr 1fr;align-items:center;margin:0 auto;width:100%;max-width:1300px;min-height:90vh;padding:0 50px}.home__content{margin-left:1rem}.home__content h1{padding-bottom:1rem;font-size:2.5rem;color:#eee;background-size:100%;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.home__content h2{font-size:1rem;color:#eee}.home__content p{color:#eee;background-color:#140c3d;background-size:100%;padding:1rem;font-size:1rem;border-color:#eee;border-style:solid;border-width:3px}.home__btn{font-size:1rem;background-color:#140c3d;padding:6px 20px;border-color:#eee;border-style:solid;border-width:3px;color:#eee;margin-top:1rem;margin-right:2rem;cursor:pointer;position:relative;transition:all .35s}.home__btn a{position:relative;z-index:2;color:#eee;text-decoration:none}.home__btn:hover{border-color:#9643ab;transition:all .3s ease}.home__img--container{align-self:center;max-width:300px;position:relative;margin-left:5rem}.home__img--container .img-top{display:none;position:absolute;top:0;left:0}.home__img--container .img-text{display:none;position:absolute;top:2rem;right:.5rem}.home__img--container:hover .img-top,.home__img--container:hover .img-text{display:inline}@media screen and (max-width: 1050px) and (min-width: 800px){.home__img--container{margin-right:100px}}@media screen and (max-width: 1050px){.home__img--container .img-text{left:180px}}@media screen and (max-width: 800px){.home__container{display:grid;grid-template-columns:auto;align-items:center;justify-self:center;width:100%;margin:0 auto;margin-top:1rem}.home__content{text-align:center;margin-top:1rem;margin-left:0}.home__content h1{font-size:3.5rem;margin-bottom:1rem}.home__content p{padding:1rem;font-size:1rem}.home__img--container{align-self:center;max-width:300px;position:relative;margin-left:5rem}.home__img--container img{width:70%}.home__img--container .img-text{scale:70%}}.footer__container{padding:0 1rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:auto}.social__icon--link{color:#fff;font-size:28px}.social__media{max-width:1000px;width:100%}.social__media--wrap{display:flex;justify-content:center;align-items:center;width:90%;max-width:1000px}.social__icons{display:flex;justify-content:space-between;align-items:center;width:320px}.social__logo{color:#eee;justify-self:flex-start;margin-left:20px;cursor:pointer;text-decoration:none;font-size:2rem;display:flex;align-items:center;margin-bottom:8px}@media screen and (max-width: 800px){.footer__container{margin:5rem 1rem 1rem 3rem}.social__media--wrap{flex-direction:column-reverse}}.container{width:75%;margin:50px auto}.container h1{color:#eee;margin-bottom:2rem;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}button.accordion{width:100%;background-color:#140c3d;border-color:#eee;border-style:solid;border-width:3px;outline:none;text-align:left;padding:15px 20px;font-size:1.2rem;color:#eee;cursor:pointer;transition:.2s linear;margin-bottom:1rem}button.accordion:after{content:"";font-family:fontawesome;font-size:1.2rem;float:right;margin-bottom:0}button.accordion.is-open:after{content:""}button.accordion:hover{border-color:#9643ab;transition:.2s ease-out}.accordion-content{background-color:#05050580;color:#eee;padding:0;max-height:0;overflow:hidden;transition:.2s ease-in-out;margin-bottom:1rem}.accordion-content p{padding:2rem}.accordion-content li{padding:1rem 2rem}a{color:#ddd}.list{padding-bottom:2rem}.list p{padding-bottom:0}.work{background:transparent;display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.work h1{padding-bottom:0;padding-top:20px;color:#eee;background-size:100%;margin-bottom:1rem;font-size:2.5rem;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.work__container{display:flex;justify-content:center;flex-wrap:wrap;list-style:none}.work__card{margin:1rem;height:480px;width:400px;border-radius:3px;border-color:#eee;border-style:solid;border-width:3px;background-color:#0006;background-size:cover;position:relative;color:#fff}.work__card img{position:absolute;top:50px;left:100px}.work__card:nth-child(1) img{top:50px;left:80px}.work__card:nth-child(2) img{top:50px;left:80px}.work h2{position:absolute;top:320px;left:10px}.work__card p{position:absolute;top:370px;left:10px}.work__card button{color:#eee;padding:10px 20px;outline:none;background:#1c145c;border-color:#eee;border-style:solid;border-width:3px;position:absolute;top:410px;left:120px;font-size:1rem;cursor:pointer}.work__card a{text-decoration:none;color:#eee}.work__card button:hover{border-color:#9643ab;transition:.2s ease-in}.work__card:hover{transform:scale(1.05);transition:.2s ease-in}@media screen and (max-width: 880px){.work h1{font-size:1.5rem;padding:1rem;margin-left:1rem}}@media screen and (max-width: 550px){.work h1{font-size:2.5rem}.work__card{scale:80%}}@media screen and (max-width: 1050px){.work{margin-bottom:0}.work h1{margin-bottom:1rem;margin-left:50px;margin-right:50px;font-size:3rem}.work__card{margin:.5rem;height:30rem;width:24rem}.work__card img{max-width:12rem;position:relative;top:10%;left:30%}.work__card:nth-child(1) img{position:relative;top:10%;left:25%}.work__card:nth-child(2) img{position:relative;top:10%;left:25%}.work h2{position:absolute;top:17rem;left:.5rem;font-size:2rem;padding:1rem}.work__card p{position:absolute;top:20rem;left:.5rem;font-size:1.4rem;padding:1rem}.work__card button{padding:.5rem 1rem;position:absolute;top:25.5rem;left:25%;font-size:1.4rem}}@media screen and (max-width: 460px){.work h1{font-size:2.2rem}.work__card{scale:80%}}@media screen and (max-width: 410px){.work h1{font-size:1.8rem}.work__card{scale:70%}}@media screen and (max-width: 350px){.work h1{font-size:1.6rem}}@media screen and (max-width: 320px){.work h1{font-size:1.5rem}.work__card{scale:60%}}@media screen and (max-width: 300px){.work h1{font-size:1.3rem}.work__card{scale:50%}}@media screen and (max-width: 270px){.work h1{font-size:1.1rem}.work__card{scale:50%}}@media screen and (max-width: 240px){.work h1{font-size:1rem}.work__card{scale:50%}}.main{margin-bottom:5rem}.main h1{text-align:center;padding-bottom:0;padding-top:20px;color:#eee;background-size:100%;font-size:2.5rem;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;margin-bottom:5rem}.main ul{margin-top:4rem}.main__container{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-self:center;margin:0 auto;margin-bottom:3rem;z-index:1;width:100%;max-width:1300px;padding:0 50px}.main__content{margin-left:1rem;margin-bottom:2rem}.main__content h1{font-size:2rem;margin-bottom:4rem;color:#eee;background-size:100%;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.main__content p{color:#eee;background-color:#01010180;background-size:100%;padding:1rem;font-size:1rem;border-color:#eee;border-style:solid;border-width:3px}.main__btn{font-size:1rem;background-color:#01010180;padding:6px 20px;background:#140c3d;border-color:#eee;border-style:solid;border-width:3px;color:#eee;margin-top:1rem;margin-right:2rem;cursor:pointer;position:relative;transition:all .35s}.main__btn a{position:relative;z-index:2;color:#eee;text-decoration:none}.main__btn:hover{border-color:#9643ab;transition:all .3s ease}.main__img--container{text-align:center}.main__img--container img{max-width:20rem;min-width:20rem;background:#140c3d;border-color:#eee;border-style:solid;border-width:3px;padding:5px}@media screen and (max-width: 1000px){.main__container{display:grid;grid-template-columns:auto;align-items:center;justify-self:center;width:100%;margin:0 auto;margin-top:1rem;margin-bottom:2rem;padding-bottom:80px}.main__content{text-align:center;margin-bottom:1rem;margin-top:1rem}.main__content h1{font-size:2.5rem;margin-bottom:1rem}.main__content p{padding:1rem;font-size:1rem}.main__img--container img{max-width:15rem;min-width:10rem}}@media screen and (max-width: 740px){.main h1{margin-bottom:5rem;font-size:3.5rem}.main__content h1{font-size:2rem}}@media screen and (max-width: 550px){.main h1{font-size:3rem}}@media screen and (max-width: 480px){.main h1{font-size:2.5rem}}@media screen and (max-width: 410px){.main h1{font-size:2rem}}.writing__main{background:transparent;display:flex;flex-direction:column;align-items:center;font-size:16px}.writing__main h1{padding-bottom:0;padding-top:20px;color:#eee;background-size:100%;margin:32px;font-size:40px;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.writing__main h3{margin-top:48px;color:#eee;background-size:100%;margin-bottom:8px;font-size:24px;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.ss__container{display:flex;justify-content:center;flex-wrap:wrap}.ss__card{margin:16px;height:400px;width:300px;border-radius:3px;border-color:#eee;border-style:solid;border-width:3px;background-color:#0006;background-size:cover;position:relative;color:#fff}.ss__card img{position:absolute;top:50px;left:80px}.ss__container h2{position:absolute;top:220px;left:115px;font-size:32px;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.ss__card p{position:absolute;top:270px;left:10px}.ss__card button{color:#eee;padding:5px 10px;outline:none;background:#1c145c;border-color:#eee;border-style:solid;border-width:3px;position:absolute;top:330px;left:110px;font-size:16px;cursor:pointer}.ss__card a{text-decoration:none;color:#eee}.ss__card button:hover{border-color:#9643ab;transition:.2s ease-in}.poem__container{display:flex;justify-content:center;flex-wrap:wrap}.poem__container h2{font-size:24px;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;position:relative;text-align:center;padding:16px 16px 8px}.poem__container p{font-size:16px;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;display:flex;justify-content:center;padding:16px}.poem__card{margin:16px;max-width:300px;border-radius:3px;border-color:#eee;border-style:solid;border-width:3px;background-color:#0006;background-size:cover;position:relative;color:#eee}#haiku{max-height:150px}#timeAndSpace{max-width:490px;max-height:240px}#unrequited{max-width:780px}#innocence,#anteros,#drawnToYou{max-width:550px}#nerens{max-width:420px;max-height:200px}#tussen{max-width:400px}@media screen and (max-width: 1050px){.writing__main h1{font-size:5vw}}@media screen and (max-width: 590px){#timeAndSpace,#nerens{max-height:none}}.code_game{margin-bottom:5rem}.code_game__container{display:flex;flex-direction:column;align-items:center;align-self:center;margin:auto;width:100%;max-width:1300px;min-height:90vh;padding:0 50px}.code_game__container h1{padding-top:3rem;padding-bottom:1rem;font-size:4rem;color:#eee;background-size:100%;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.code_game__container h2{margin-top:2rem;padding-top:3rem;padding-bottom:3rem;font-size:2rem;color:#eee;background-size:100%;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.code_input__textarea{resize:none;padding:1rem;width:60vw;height:10rem;border:1px solid #eee;background-color:#01010180;color:#eee}.secret_code__textarea,.encoded_message__textarea{resize:none;min-height:50px;overflow:hidden;padding:1rem;width:60vw;border:1px solid #eee;background-color:#01010180;color:#eee}.code__btn{font-size:1rem;background-color:#01010180;padding:6px 20px;background:#140c3d;border-color:#eee;border-style:solid;border-width:3px;color:#eee;margin-top:1rem;cursor:pointer;position:relative;transition:all .35s}.code__btn:hover{border-color:#9643ab;transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0;font-family:OldSchool,sans-serif}@font-face{font-family:OldSchool;src:url(/assets/connection-BXxAs3O7.otf);font-display:swap}@font-face{font-family:goblin;src:url(/assets/Goblin-Bia1knEK.ttf);font-display:swap}html{background:url(/assets/nightsky-CDDB4xPI.webp) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font-size:16px}@media screen and (max-width: 1050px){html{font-size:3vw}}