html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body::-webkit-scrollbar{width:8px}::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-track{background:var(--color-bg)}body::-webkit-scrollbar-thumb{background-color:var(--color-red)}::-webkit-scrollbar-thumb{background-color:var(--color-red)}body,*{scrollbar-width:thin;scrollbar-color:var(--color-red)var(--color-bg)}.home{background-color:var(--color-bg);flex-direction:row;justify-content:space-between;align-items:flex-end;width:100vw;height:100vh;min-height:0;display:flex;overflow:hidden}.home .home__grid{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.home .home__grid svg{width:100%;height:100%}.home .home__grid line{stroke:var(--color-black);stroke-width:.2px;transition:stroke-width .2s,stroke .3s}.home .home__grid line:hover{stroke:var(--color-red)}.home .home__nav{background-color:var(--color-red);box-sizing:border-box;clip-path:polygon(0 0,0 100%,100% 100%);z-index:200;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:10px;width:25vw;height:100%;padding-bottom:20px;padding-right:5%;display:flex}.home .home__nav .home__navButton{font-family:var(--font-aileron);color:var(--color-black);cursor:pointer;background-color:#0000;border:none;font-size:1.8vw;font-weight:700;text-decoration:none;transition:all .2s linear}.home .home__nav .home__navButton:hover{transform:scale(1.1)}.home .home__nav .active{color:var(--color-bg)}.home .home__navMock{background-color:var(--color-red);transform-origin:100% 0;width:100vh;height:200vw;position:fixed;top:0;right:100vw}.home .home__navMock--expanded{z-index:100;animation:.5s ease-in-out 2 alternate forwards expandTriangle}.home .home__section{font-family:var(--font-aileron);z-index:5;flex-direction:column;align-items:flex-end;gap:20px;transition:opacity .5s ease-in-out,transform .5s ease-in-out;display:flex;position:absolute;bottom:40vh;left:35vw;transform:translateY(10px)}.home .home__section .home__title{color:var(--color-red);pointer-events:none;font-size:15vw}.home .home__section .home__subTitle{color:var(--color-black);pointer-events:none;margin-right:15px;font-size:2vw}.home .home__section .home__subTitle b{font-weight:700}.home .home__section--fadeOut{opacity:0;pointer-events:none;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transform:translateY(-10px)}.home .content{background-color:var(--color-bg);z-index:5;position:relative}.home .content .content__navigationButton{cursor:pointer;background-color:#0000;border:none;align-self:center;height:-moz-fit-content;height:fit-content;position:absolute;top:50%}.home .content .content__navigationButton :hover{transition:all .2s linear;transform:scale(1.2)}.home .content .right{right:0}.home .home__content{background-color:var(--color-bg);z-index:5;border:1px solid var(--color-black);box-sizing:border-box;border-right:none;flex-direction:column;flex:1;gap:10px;max-width:75vw;height:100vh;padding:20px 50px;display:flex}.home .home__content .home__contentTitle{color:var(--color-red);font-size:3vw;font-weight:700;font-family:var(--font-aileron)}.home .home__content .home__contentContainer{flex:1;gap:10px;min-height:0;display:flex}.home .home__content .home__contentContainer .content__content{color:var(--color-black);font-family:var(--font-aileron);border:1px solid var(--color-red);flex:1;padding:0 10px 10px;overflow:hidden auto}.home .home__content .home__contentContainer .content__content h2{background-color:var(--color-bg);padding:10px 0;font-size:20px;font-weight:700;position:sticky;top:0}.home .home__content .home__contentContainer .content__content .content__text{text-align:justify;font-size:18px}.home .home__content .home__contentContainer .content__content .content__text b{font-weight:700}.home .home__content .home__contentContainer .content__content .content__text i{font-style:italic}.home .home__content .home__contentContainer .content__content .content__text a{color:var(--color-red)}.home .home__content .home__contentContainer .content__content .content__text em{font-size:16px;font-style:italic}.home .home__content .content__reference{font-family:var(--font-aileron)}.home .home__content .content__reference b{font-weight:700}.home .home__content .content__reference i{font-style:italic}.home .home__content .content__reference a{color:var(--color-red)}.home .home__content a{color:var(--color-red);font-family:var(--font-aileron);text-decoration:none}.home .home__footer{z-index:99;box-sizing:border-box;position:absolute;bottom:5px;right:10px}.home .home__footer .home__footerButton{color:var(--color-black);cursor:pointer;background-color:#0000;border:none;font-size:2em;text-decoration:none;transition:all .2s linear}.home .home__footer .home__footerButton:hover{color:var(--color-red)}.about{z-index:999;opacity:0;visibility:hidden;pointer-events:none;width:0;height:0;font-family:var(--font-aileron);background-color:#0000;transition:width .8s,height .8s,bottom .8s,right .8s,top .8s,left .8s,background-color .4s,opacity .3s,visibility .3s;position:fixed;top:auto;bottom:0;left:auto;right:0}.about .about__title{color:var(--color-red);align-self:flex-start;font-size:3em;font-weight:700}.about .about__introSection{gap:10%;display:flex}.about .about__introSection .about__introContent{flex-direction:column;gap:40px;display:flex}.about .about__introSection .about__introContent .about__intro{text-align:justify;color:var(--color-black);font-size:1.3em}.about .about__introSection .about__image{object-fit:cover;aspect-ratio:1;border-radius:50%;max-height:30vh}.about .about__section{flex-direction:column;gap:10px;display:flex}.about .about__section .about__sectionTitle{color:var(--color-red);font-size:1.9em;font-weight:700}.about .about__section .about__SectionContent{color:var(--color-black);font-size:1.2em}.about .about__contact{flex-direction:column;gap:20px;display:flex;position:absolute;bottom:5px;left:10%}.about .about__contact .about__contactContainer{align-items:center;gap:10px;display:flex}.about .about__contact .about__contactContainer img{width:30px;height:30px}.about .about__contact .about__contactContainer a{font-family:var(--font-aileron);color:var(--color-black);cursor:pointer;background-color:#0000;border:none;height:100%;font-size:1.1em;font-weight:700;text-decoration:none;transition:all .1s linear}.about .about__contact .about__contactContainer a svg{color:#0077b7;transition:all .2s}.about .about__contact .about__contactContainer a svg:hover,.about .about__contact .about__contactContainer a:hover{color:var(--color-red)}.closeButton{color:var(--color-black);z-index:99999999;cursor:pointer;visibility:visible;opacity:1;background-color:#0000;border:none;font-size:2em;transition:all .2s;position:fixed;top:20px;right:20px}.closeButton.hidden{visibility:hidden;opacity:0}.closeButton:hover{color:var(--color-red)}.about.--open{background-color:var(--color-bg);opacity:1;visibility:visible;pointer-events:auto;box-sizing:border-box;flex-direction:column;align-items:center;gap:20px;width:100vw;height:100vh;padding:10%;display:flex;top:auto;bottom:0;left:auto;right:0}@media (max-width:600px){.home{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100vw;height:100dvh;overflow-x:hidden}.home .home__section{justify-content:center;align-items:flex-start;gap:10px;height:100%;padding:20px 10px 0;position:static;bottom:0;left:0;transform:none}.home .home__section .home__title{font-size:20vw}.home .home__section .home__subTitle{align-self:flex-end;font-size:5vw}.home .home__nav{width:100vw;min-width:0;max-width:100vw;height:auto;clip-path:unset;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:10px;padding:10px 10px 0}.home .home__nav .home__navButton{padding:5px 10px;font-size:5vw}.home .home__content{border:none;gap:10px;max-width:100vw;height:auto;min-height:0;padding:10px 5vw}.home .home__content .home__contentTitle{font-size:4vw}.home .home__content .home__contentContainer{flex-direction:column;gap:10px;max-height:calc(60vh - 2em);overflow-y:auto}.home .home__content .home__contentContainer .content__content{font-size:16px}.home .content{max-height:calc(100dvh - 90px);overflow:hidden scroll}.home .content .content__navigationButton{z-index:99;margin:10px 0;position:fixed;top:calc(100% - 10px);bottom:0}.home .home__grid.disabled{display:none}.home .home__footer{text-align:center;z-index:10;position:fixed;bottom:0;right:45%}.home .about.--open{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;height:100dvh;padding:20px 5vw;top:0}.home .about.--open .home__footer{display:none}.home .about.--open .about__title{text-align:center;font-size:2em}.home .about.--open .about__introSection{flex-direction:column;gap:20px}.home .about.--open .about__introSection .about__image{aspect-ratio:1;object-fit:cover;border-radius:50%;order:-1;align-self:center;width:100%;max-width:40vw;height:auto;display:block}.home .about.--open .about__introSection .about__introContent{gap:20px}.home .about.--open .about__introSection .about__introContent .about__intro{font-size:1em}.home .about.--open .about__section{gap:8px}.home .about.--open .about__section .about__sectionTitle{font-size:1.2em}.home .about.--open .about__section .about__SectionContent{font-size:1em}.home .about.--open .about__contact{gap:10px;position:static;bottom:0;left:0}.home .about.--open .about__contact .about__contactContainer{gap:8px}.home .about.--open .about__contact .about__contactContainer img{width:24px;height:24px}.home .about.--open .about__contact .about__contactContainer a{font-size:1em}}@keyframes expandTriangle{0%{transform:rotate(0)}to{transform:rotate(-90deg)}}
