@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";main{position:relative;padding:max(13rem,8vw) 5vw 0vw min(10rem,5%);background-color:transparent;display:flex;margin:0;height:100vh;box-sizing:border-box}#main-animation{display:flex;flex-direction:column;align-items:center;justify-items:flex-start;justify-content:space-evenly;height:min(50rem,90vw);overflow:hidden}#main-animation>img{width:clamp(30rem,90%,45rem);height:auto}#main-content{display:flex;flex-direction:column;justify-content:space-evenly;color:#fff;text-align:left;width:80%}.slideAnimate.show{animation:scrollAnimation 2s ease forwards}#title{display:flex;justify-content:flex-start;align-content:flex-start;width:fit-content;box-sizing:border-box;margin-bottom:5rem}#title>h1{text-align:left;font-size:clamp(3rem,6vw,6rem);height:125%}#title>h1>span{font-size:inherit}#main-content>h3{font-size:clamp(1.5rem,3vw,2.5rem);margin-bottom:5rem}#main-content>button{background-color:#fff;width:clamp(30rem,50vw,50rem);align-self:flex-start;color:#50798b;border:none;border-radius:2rem;font-size:2.5rem;cursor:pointer;height:10vh}#main-animation>.slideAnimate{transform:translate(35vw)}#main-content .slideAnimate{transform:translate(-65vw)}@media (max-width: 1200px){main{flex-wrap:wrap;justify-content:center;height:max-content;padding:0}#main-content{padding:max(13rem,8vw) 5vw 0vw min(10rem,5%)}#main-animation{width:100vw}}.socials>a>img{width:auto;height:4rem;cursor:pointer}.socials{justify-self:center;display:flex;width:30rem;flex-direction:row;justify-content:space-around}.socials a:last-child img{transform:scale(1.3)}#About{position:relative;display:flex;flex-direction:column;align-items:center;margin:0rem;background-color:transparent;height:100vh;padding-top:clamp(.5rem,calc(2rem - .5vw),1.5rem)}#About h1{text-align:center;color:#fff;font-size:clamp(4rem,6vw,6rem);text-shadow:.1rem .2rem .5rem rgb(49,49,49);transform:translate(-70vw)}#About .show{animation:scrollAnimation 2s ease forwards}#About h3{margin-top:clamp(2rem,4vw,4rem);text-align:center;width:clamp(35rem,70vw,90rem);color:#fff;font-size:clamp(1.5rem,3vw,2rem);transform:translate(-90vw)}#book{position:relative;top:0;bottom:0;left:0;right:0;margin:auto;width:18.5rem;height:12.5rem;perspective:70rem;animation-timeline:view()}.cover{background-color:#36354e;transform:rotateY(0);width:9.3rem;height:12.5rem;z-index:-1}.page{top:.25rem;left:.25rem;background-color:#e9e6c4;transform:rotateY(0);width:9rem;height:12rem;text-align:right;font-size:8px;color:#777;font-family:monospace}.page:before,.page:after{display:block;content:"";padding-bottom:1rem}.cover,.page{position:absolute;padding:1rem;transform-origin:100% 0;border-radius:5px 0 0 5px;box-shadow:inset .3rem 0 2rem #0003,0 0 1.5rem #0000001a;box-sizing:border-box}#Events{display:flex;flex-direction:column;justify-content:space-evenly;margin:0rem;background-color:transparent;height:90vh;position:relative}a{text-decoration:none}#Events h1{align-self:center;color:#fff;font-size:clamp(4rem,6vw,6rem);text-shadow:.1rem .2rem .5rem rgb(49,49,49);transform:translate(-100rem)}#Events>div{display:flex;width:100%;flex-direction:row;justify-content:space-evenly;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;transform:translate(100vw)}#Events .show{animation:scrollAnimation 2s ease forwards}#Events>div>a{width:clamp(27rem,70vw,33rem);height:clamp(45rem,110vw,52rem);border-radius:1rem;margin:0rem 5rem;justify-content:center;background-size:cover;background-position:center}.eventCard{width:100%;height:100%;display:flex;padding-left:7rem;padding-top:15rem;flex-direction:column;text-align:center;box-sizing:border-box}.eventCard>h2{grid-area:7/3/9/10;color:#000;font-size:clamp(2.5rem,5vw,4rem);text-align:left;min-height:clamp(5rem,10vw,10rem)}.eventCard>h3{margin-top:1rem;font-style:normal;grid-area:10/3/12/10;color:#000;font-size:clamp(1rem,4vw,2rem);text-align:left}#Events>div.emptyMessage{display:flex;justify-content:center;align-items:center;overflow:visible}#Events>div.emptyMessage p{color:#fff;font-size:clamp(1.4rem,3vw,2rem);text-align:center;text-shadow:.1rem .2rem .5rem rgb(49,49,49);margin:0}#loading{position:relative;padding:20vh 10vw 20vh 10vw;background-color:#518b50;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:91.5vh;margin:0;box-sizing:border-box;row-gap:20px}#loading .sk-cube-grid{width:40px;height:40px;margin:0;transform:scale(1.25)}#loading .sk-cube-grid .sk-cube{width:33%;height:33%;background-color:#9fff94;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}#loading .sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}#loading .sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}#loading .sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}#loading .sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}#loading .sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}#loading .sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}#loading .sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s}#loading .sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}#loading .sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scaleZ(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scaleZ(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}menu{position:fixed;display:flex;align-items:center;justify-content:space-between;z-index:10;transform:translateY(-100%);transition:transform .5s ease;background:#313537;color:#fff;text-align:center;width:100vw;margin:0rem;height:10vh}menu>span{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#313537}menu.show{transform:translateY(0)}menu>a{-webkit-tap-highlight-color:transparent}menu>a>img{width:7.6rem;height:3.8rem;align-self:center;flex-shrink:0;margin:0vw 0vw 0vw 10vw;vertical-align:middle}.sidebar.show{transform:translate(0)}.sidebar{display:block;position:absolute;z-index:-2;top:10vh;right:0rem;background-color:#fff;margin:0rem;transform:translateY(-100%);box-shadow:-10px 10px 5px #0000;width:100vw;height:50vh;transition:.5s transform ease}.sidebar>div{height:100%;position:relative;display:grid;grid-template-rows:auto;grid-template-columns:auto}.sidebar>div>button{background-color:#fff;border:none}#overlay{display:block;visibility:hidden;position:fixed;background-color:#000;width:100vw;height:100vh;inset:0 auto auto 0;opacity:0;z-index:-11;transition:opacity .5s ease-in}#overlay.show{visibility:visible;opacity:.5}#tabs{display:none;justify-content:space-evenly;background-color:transparent;top:1rem;right:3rem;border:none;width:5rem;height:5rem;margin:0vw 10vw 0vw 0vw}#tabs>span{transition:.5s transform ease;background-color:#fff;position:absolute;display:block;width:.2rem;height:5rem}#tabs.open>span{transform:rotate(90deg) scaleY(.7);background-color:#fff}#tabs.open>span:nth-child(2){transform:translateY(1.2rem) rotate(90deg) scaleY(.7)}#tabs.open>span:nth-child(3){transform:translateY(-1.2rem) rotate(90deg) scaleY(.7)}#tabs.close>span{transform:rotate(45deg)}#tabs.close>span:nth-child(2){transform:rotate(-45deg)}#tabs.close>span:nth-child(3){transform:rotate(-45deg)}@media (max-width: 720px){menu>.navbar{display:none}#tabs{display:flex}}@media (min-width: 720px){.sidebar{display:none}}.navbar{display:flex;justify-content:space-around;align-items:center;width:40rem;z-index:2;margin:0vw 10vw 0vw 0vw}.navbar>button{color:#fff;background-color:transparent;text-decoration:none;padding:1rem 2rem;font-size:2rem;border:none;cursor:pointer}.navbar>button:hover{text-shadow:0px 0px 3px #ffffff}.navbar a{color:inherit;text-decoration:none}.navbar>.navbar-button{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;height:5rem;width:12rem;background:#50798b;color:#000;padding:.5rem 2rem;border:none;border-radius:1rem;text-decoration:none;cursor:pointer;transform:scale(1);transition:transform .2s ease-out;box-sizing:border-box}.navbar>.navbar-button:hover{text-shadow:none;transform:scale(1.05)}.navbar>.navbar-button>span{font-weight:400;font-size:2rem}.navbar>.navbar-button>img{width:2rem;height:auto}#home{background-color:#50798b}@keyframes scrollAnimation{0%{filter:blur(5px)}to{filter:none;transform:translate(0)}}:root{font-size:62.5%;overflow-x:hidden;width:100vw}body{min-height:100vh}*{font-family:JetBrains Mono,monospace;font-weight:lighter;font-size:1.6rem;margin:0;padding:0}.EventsForm{background-color:#50798b;padding-top:15rem;min-height:100vh;width:100%}.EventsForm>h1{color:#fff;text-align:center;margin:2rem 0rem;font-size:4rem;font-weight:100}form{display:flex;padding-bottom:4rem;flex-direction:column;align-items:center;justify-content:space-around;row-gap:2rem;color:#fff;min-height:40rem}form>div{display:block}form>div>label{font-size:2rem;margin:0rem 3rem}form>div>input{border-radius:.5rem;border:none;width:30rem;height:3rem;padding:.3rem 0rem .3rem 1rem}form>div>textarea{border-radius:.5rem;border:none;margin:1rem;padding:1rem}.datetime{display:grid;grid-template-columns:1fr 1fr}.datetime>div{margin:auto 3rem}.datetime>div>label{margin:auto 2rem}.datetime>div>input{border-radius:.5rem;border:none;width:12rem;height:3rem;padding-left:1rem}.description{display:flex}form>h2{color:#fff;font-size:3rem;margin:1rem}.event-themes{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin:1rem;max-width:60vw}.event-themes input{border-radius:.5rem;border:none;width:20rem;height:3rem;padding:.3rem 0rem .3rem 1rem}form>button{background-color:#fff;width:20rem;align-self:center;color:#50798b;border:none;margin-top:2rem;border-radius:2rem;font-size:2.5rem;cursor:pointer;height:5rem;justify-self:center}footer nav{display:flex;height:5rem;flex-direction:row;align-items:center;justify-content:space-evenly;background:#313537;color:#fff;position:relative}footer nav h3{font-size:clamp(1rem,2.5vw,2rem)}footer .socials{width:min(30%,20rem)}footer .socials a img{height:clamp(2rem,5vw,2.5rem);width:auto}.action-result{height:90.5vh;flex-direction:column;justify-content:center;align-items:center;padding:0}.action-result h1{font-size:5rem;text-align:center;margin-top:2rem}.action-result p{font-size:3rem;text-align:center;margin-top:2rem}.success{color:#acecac}.failure{color:#ecacac}#event-details{position:relative;padding:20vh 10vw 10vh 10vw;background-color:#518b50;display:flex;flex-direction:column;min-height:91.5vh;margin:0;box-sizing:border-box;row-gap:20px;animation:background 120s ease infinite}#event-details h1{font-size:clamp(3rem,6vw,6rem);color:#f5f5f5;margin:0 0 50px;padding:0;align-self:center}#event-details h2{font-size:clamp(2rem,4vw,4rem);color:#f5f5f5;margin:0;padding:0;align-self:flex-start}#event-details p{font-size:clamp(1.5rem,3vw,2rem);color:#f5f5f5;margin:0;padding:0;align-self:flex-start}#event-details h3{font-size:clamp(2rem,3vw,3rem);margin:0;padding:0;align-self:flex-start}#event-details h3:nth-of-type(1){color:#ffc2ac}#event-details h3:nth-of-type(2){color:#c2ffc8}#event-details ul{list-style-type:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1rem;width:clamp(30rem,50vw,85rem)}#event-details li{font-size:1.8rem;color:#f5f5f5;margin:0;padding:1rem 3rem;border:.5rem solid #f5f5f5;border-radius:2rem}#event-details button{font-size:4rem;color:#000;background-color:#f5f5f5;border:solid .5rem #f5f5f5;border-radius:2rem;padding:1rem 3rem;margin:5rem 0 0;cursor:pointer;align-self:flex-start;transition:.5s ease}#event-details button:hover{background-color:transparent;color:#f5f5f5}@keyframes background{0%{background-color:#518b50}25%{background-color:#8a8b50}50%{background-color:#50798b}75%{background-color:#8b5050}to{background-color:#518b50}}.event-buttons{display:flex;gap:2rem;margin-top:3rem;flex-wrap:wrap}.event-buttons button{font-size:2rem;color:#000;background-color:#f5f5f5;border:solid .5rem #f5f5f5;border-radius:2rem;padding:1rem 3rem;cursor:pointer;transition:.5s ease}.event-buttons button:hover{background-color:transparent;color:#f5f5f5}
