@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Instrument+Serif:ital@0;1&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.root{line-height:1.5;--primary: #000000;--red-font-color: #F94C35;--dark-font-color: #FFFFFF}.archivo-black-regular{font-family:Archivo Black,serif;font-weight:400;font-style:normal}.poppins-bold{font-family:Poppins,serif;font-weight:700;font-style:normal}.poppins-regular{font-family:Poppins,serif;font-weight:400;font-style:normal}.poppins-thin{font-family:Poppins,serif;font-weight:200;font-style:normal}.instrument-serif-regular-italic{font-family:"Instrument Serif",serif;font-weight:400;font-style:italic}.instrument-serif-regular{font-family:"Instrument Serif",serif;font-weight:200;font-style:normal}.text-highlight{display:inline-block;padding:.1em .15em;background:var(--red-font-color);color:#fff}.text-highlight-yellow{display:inline-block;padding:.1em .15em;background:var(--yellowish);color:#000}.extra-padding{margin-left:10vw}@media screen and (max-width: 768px){.extra-padding{margin-left:0}}:root{line-height:1;--primary: #ffffff;--secondary: #000000;--red-font-color: #F94C35;--dark-font-color: #000000;--yellowish: #FFC107;--grey-font-color: #818181}html,body{background-color:var(--primary);margin:0;padding:0;scroll-behavior:smooth;overflow:hidden}main{height:100vh;overflow-x:hidden;overflow-y:auto;perspective:2px;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:y mandatory;overflow-y:scroll}section{transform-style:preserve-3d;position:relative;height:90vh;display:flex;align-items:center;justify-content:center;color:var(--dark-font-color);z-index:-2}.snap-scroll{scroll-snap-align:start}.light{background-color:var(--primary);color:var(--dark-font-color)}.dark{background-color:var(--secondary);color:var(--primary)}.prompt-black{color:var(--dark-font-color);font-size:.01vh}.prompt-light{color:var(--primary);font-size:.01vh}.chapter-fill{height:10vh;width:10vw}.chapter-banner{height:10vh}.chapter-banner:after{height:60vh;background-image:var(--bg-image);opacity:100%;background-size:cover;background-position:center}.hover li:hover a{position:relative;color:var(--grey-font-color)}.page-banner{height:80vh;width:100vw;display:flex;position:absolute;align-items:center;justify-content:center}.page-banner img{width:70vw}h1{font-size:6vw}h2{font-size:5vw}h3{padding:0;font-size:3vw;font-weight:100;line-height:10%}h4{font-weight:200;font-size:4vw;line-height:4vw}p{line-height:100%;font-size:2vw}.page-card-text li:hover a{position:relative;color:var(--grey-font-color)}.grey{text-decoration:none;padding-right:10px;padding-left:10px}.grey:hover p{position:relative;color:var(--grey-font-color)}.intro{height:100vh;padding:5vw;z-index:2;flex-wrap:wrap;display:flex;justify-content:center;align-items:center}.page-card-wide{position:relative;flex-wrap:wrap;display:flex;justify-content:center;align-items:center;height:100vh;width:100%;padding-left:10vw;padding-right:10vw;z-index:1}.darkmode-selector{position:absolute;top:25px;right:2vw}.darkmode-selector a{display:inline-flex;align-items:center;justify-content:center}.darkmode-selector svg{width:1em;height:1em}.darkmode-selector svg:hover{color:var(--grey-font-color)}.chapter{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;min-height:100vh;gap:50px;padding-left:12vw;padding-right:12vw;scroll-snap-align:start;box-sizing:border-box}.page-card-small{flex:1 1 45%;height:fit-content}.page-card-tiny{flex:1 1 40%}.page-card-text{line-height:100%}.page-card-small img{max-width:100%;height:auto;object-fit:contain;display:block;margin:0 auto}.page-card-small img{aspect-ratio:.72/1;border-radius:10px;position:relative;width:90%;height:fit-content;object-fit:cover;object-position:center;display:block}.page-card-text{line-height:10vh;margin-top:-2vw}.notfound-page{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.drag-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.notfound-content{text-align:center;padding:0 20vw}.notfound-content h2{font-size:2vw}@media screen and (max-width: 1200px){.darkmode-selector{position:absolute;bottom:0;left:0;margin-left:2vw;padding:0;z-index:3}.page-banner{height:20vh}.chapter-banner{height:10vh}}@media screen and (max-width: 768px){.page-card-text{line-height:170%;margin-top:-5vw}.notfound-content h2{font-size:4vw}h1{font-size:10vw}h2{font-size:5vw}h3{font-size:7.5vw}h4{font-size:18vw;line-height:7.5vw}p{line-height:120%;font-size:6.5vw}.chapter-banner:after{height:40vh}.page-card-small{flex:1 1 100%}.page-card-small img{width:100%}.snap-scroll{scroll-snap-align:unset}.darkmode-selector{top:20px;right:2vw}.darkmode-selector svg{width:2em;height:1.5em}}.animate-on-scroll{opacity:0;transition:opacity 1.5s ease-out}.animate-on-scroll.in-view{opacity:1}.animate-on-scroll.font{font-size:clamp(1.5rem,4vw,10rem);line-height:100%;margin:0;text-align:left}@media screen and (max-width: 768px){.animate-on-scroll{font-size:clamp(1.5rem,7vw,10rem)}}.vertical-menu{display:flex;flex-direction:column;align-items:center}.vertical-menu-item{margin-top:20px;width:7vw}.menu-container{height:100vh;width:12vw;position:fixed;z-index:2}.menu-toggle-button{background:none;border:none;cursor:pointer;padding:0;display:flex;z-index:999;align-items:center}ul{list-style:none;padding:0}.main-nav li{line-height:240%;position:relative;text-align:left}li a{text-decoration:none;color:var(--light-font-color);font-size:2.5vw;position:relative;font-family:poppins,sans-serif;font-weight:200;transition:font-family .15s ease-in-out,color .15s ease-in-out}li a:after{content:"";position:absolute;bottom:0;left:0;width:0;transition:width .3s ease-in-out}.main-nav li:hover a{position:relative;color:var(--grey-font-color)}.back-to-top{position:fixed;bottom:25px;right:2vw;background:transparent;border:none;padding:0;cursor:pointer;opacity:1;z-index:2;display:flex;font-size:clamp(1rem,1vw,2.5rem)}.menu-open .back-to-top{display:none!important}.darkmode-selector a{display:inline-flex;align-items:center;justify-content:center;font-size:clamp(1rem,2vw,2.5rem)}.back-to-top svg{display:block;stroke:currentColor;width:2em;height:2em}.back-to-top svg:hover{color:var(--grey-font-color)}@media screen and (max-width: 1200px){.main-nav{visibility:hidden}.menu-container{position:fixed;top:0;right:0}.fullscreen-popup-menu{display:none}.fullscreen-popup-menu.open{display:flex;position:fixed;top:0;left:0;width:100vw;height:100vh;flex-direction:column;justify-content:center;align-items:center;z-index:1;overflow:hidden;visibility:visible}.popup-nav.open{visibility:visible}}.fullscreen-popup-menu{display:none;visibility:hidden;opacity:0;transition:visibility .3s ease,opacity .3s ease}.fullscreen-popup-menu.open{display:flex;visibility:visible;opacity:1}.fullscreen-popup-menu nav ul{list-style:none;padding:0}.fullscreen-popup-menu nav li{margin:20px 0;position:relative}.fullscreen-popup-menu nav a{text-decoration:none;font-size:6vh;position:relative;padding-bottom:5px;transition:color .3s ease}.fullscreen-popup-menu nav a:after{content:"";position:absolute;bottom:0;background-color:var(--grey-font-color);left:0;width:0;height:2px;transition:width .3s ease-in-out}.fullscreen-popup-menu nav li:hover a:after{width:100%}