.screen-container{align-items:center;overflow-x:hidden}body,html{scrollbar-width:none}::-webkit-scrollbar{display:none}.content-box{padding-bottom:5vh;padding-top:5vh;text-align:center;width:100%}.screen-container,body,html{background:transparent;margin:0}:root{--blend:20vh}.section{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;gap:12px;min-height:120vh;position:relative}.bg-koi{background-image:url(/static/media/koi_petals.d467559a6051b8c995e3.gif)}.bg-bg2,.bg-koi{background-position:bottom}.bg-bg2{background-image:url(/static/media/tree.06e14634e10881b754c7.gif)}.bg-bg3{background-image:url(/static/media/shipwreck.5d63fe08e53cb885e3b3.gif)}.bg-bg3,.bg-bg4{background-position:bottom}.bg-bg4{background-image:url(/static/media/yellow.f329fa3d4067ca0549a2.gif)}.bg-bg5{background-image:url(/static/media/background.481482dcf623ea920c53.gif);background-position:bottom}.fade-both{margin-top:50vh;-webkit-mask-image:linear-gradient(180deg,transparent 0,#fff 20vh,#fff calc(100% - 20vh),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#fff var(--blend),#fff calc(100% - var(--blend)),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#fff 20vh,#fff calc(100% - 20vh),transparent);mask-image:linear-gradient(to bottom,transparent 0,#fff var(--blend),#fff calc(100% - var(--blend)),transparent 100%)}.fade-out-bottom:after{background:inherit;background-position:inherit;background-repeat:inherit;background-size:inherit;bottom:0;content:"";height:20vh;height:var(--blend);left:0;-webkit-mask-image:linear-gradient(180deg,#fff 0,transparent);mask-image:linear-gradient(180deg,#fff 0,transparent);pointer-events:none;position:absolute;right:0;z-index:2}.stack-under{margin-top:-20vh;margin-top:calc(var(--blend)*-1)}@media only screen and (max-width:768px){.fade-out-bottom{-webkit-mask-image:linear-gradient(180deg,#fff 0,#fff calc(100% - 20vh),transparent);-webkit-mask-image:linear-gradient(to bottom,#fff 0,#fff calc(100% - var(--blend)),transparent 100%);mask-image:linear-gradient(180deg,#fff 0,#fff calc(100% - 20vh),transparent);mask-image:linear-gradient(to bottom,#fff 0,#fff calc(100% - var(--blend)),transparent 100%)}.fade-out-bottom:after{display:none}.fade-both{margin-top:0}.fade-both.stack-under{margin-top:-20vh;margin-top:calc(var(--blend)*-1)}}.grid{align-content:start;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:2vw;justify-content:center;min-height:100vh;overflow-x:hidden;padding:10vh 2vw 5vh;width:100%}@media only screen and (max-width:768px){.grid{gap:4vw;padding:4vh 4vw}}.frameworks-grid{grid-column-gap:1vw;grid-row-gap:5vh;border-radius:4px;display:grid;grid-template-columns:10vw 10vw 10vw 10vw;overflow-y:auto;row-gap:5vh}@media only screen and (max-width:768px){.frameworks-grid{grid-row-gap:5vh;border-radius:4;display:grid;grid-template-columns:50vw;max-height:65vh;overflow-y:auto;padding:10;row-gap:5vh}}.unselectable{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}@-webkit-keyframes wiggle{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}30%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}45%{-webkit-transform:rotate(-1.5deg);transform:rotate(-1.5deg)}60%{-webkit-transform:rotate(1.5deg);transform:rotate(1.5deg)}75%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}90%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}}@keyframes wiggle{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}30%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}45%{-webkit-transform:rotate(-1.5deg);transform:rotate(-1.5deg)}60%{-webkit-transform:rotate(1.5deg);transform:rotate(1.5deg)}75%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}90%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}}@-webkit-keyframes gradient-shift{0%{background-position:0}to{background-position:200%}}@keyframes gradient-shift{0%{background-position:0}to{background-position:200%}}.gradient-text{-webkit-text-fill-color:transparent;-webkit-animation:gradient-shift 3s linear infinite,wiggle 2.5s ease-in-out infinite;animation:gradient-shift 3s linear infinite,wiggle 2.5s ease-in-out infinite;background:linear-gradient(90deg,#00b4ff,#a855f7,#ec4899,#f97316,#00b4ff);-webkit-background-clip:text;background-clip:text;background-size:200% auto;display:inline-block}.avatar-ring{border-radius:50%;box-shadow:0 4px 24px rgba(0,0,0,.6);isolation:isolate;position:relative}.avatar-ring:before{-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite;background:conic-gradient(from 0deg,#00b4ff,#a855f7,#ec4899,#f97316,#00b4ff);border-radius:50%;content:"";inset:-3px;position:absolute;z-index:-1}@-webkit-keyframes bounceUp{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes bounceUp{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes bounceDown{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes bounceDown{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.nav-arrow-up{-webkit-animation:bounceUp 1.6s ease-in-out infinite;animation:bounceUp 1.6s ease-in-out infinite}.nav-arrow-down{-webkit-animation:bounceDown 1.6s ease-in-out infinite;animation:bounceDown 1.6s ease-in-out infinite}.arrow-down{border-top:26px solid #daa520}.arrow-down,.arrow-up{border-left:15px solid transparent;border-right:15px solid transparent}.arrow-up{border-bottom:26px solid #daa520}.rainbow-box{cursor:pointer;margin:20px;width:180px}.rainbow-border{border-radius:2px;padding:20px;width:200px}@-webkit-keyframes rainbow{0%{text-shadow:5px 5px 5px red}16%{text-shadow:5px 5px 5px orange}32%{text-shadow:5px 5px 5px #ff0}48%{text-shadow:5px 5px 5px green}64%{text-shadow:5px 5px 5px blue}80%{text-shadow:5px 5px 5px indigo}to{text-shadow:5px 5px 5px violet}}@keyframes rainbow{0%{text-shadow:5px 5px 5px red}16%{text-shadow:5px 5px 5px orange}32%{text-shadow:5px 5px 5px #ff0}48%{text-shadow:5px 5px 5px green}64%{text-shadow:5px 5px 5px blue}80%{text-shadow:5px 5px 5px indigo}to{text-shadow:5px 5px 5px violet}}.error-screen{justify-content:center;margin-top:10vh;text-align:center;vertical-align:middle}.error-screen,.recollections-section{align-items:center;display:flex;flex-direction:column;gap:5vh}.recollections-section{align-self:center;max-width:80%;text-align:justify}.spinning-div{-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.stat-block-grid{grid-column-gap:1vw;border:1px solid #ec4145;border-radius:4px;display:grid;grid-template-columns:35vw 35vw;grid-template-rows:65vh;margin-bottom:2vh;margin-top:2vh;max-width:100vw;padding:50px 10px}.stat-block-image{border-radius:4px;max-height:50%;max-width:100%;overflow-y:auto}.character-text{max-height:50%;max-width:90%;overflow-y:auto;padding:10px;text-align:justify}.map-tag-text{border-radius:4px;cursor:pointer;font-size:12px;position:absolute}.timeline-container{display:flex;flex-direction:row;gap:5vw;justify-content:center;margin-left:5vw;margin-right:5vw;margin-top:5vh;width:80%}.timeline-description-container{display:flex;flex-direction:column;gap:3vh;width:40vw}.timeline-divider{height:85vh;width:1px}.map-description-container{border-radius:4px;display:flex;flex-direction:column;gap:3vh;left:72%;max-height:50%;overflow:auto;padding:1%;position:absolute;top:45%;width:25%}.map-enlarge-button{height:0;left:2%;position:absolute;top:0;visibility:hidden}@media only screen and (max-width:768px){.character-text{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;max-width:100%;overflow-y:auto;padding:10px;text-align:justify}.map-tag-text{font-size:6px}.timeline-container{display:flex;flex-direction:column;gap:5vw;justify-content:center;margin-left:5vw;margin-right:5vw;margin-top:5vh;width:80%}.timeline-divider{height:1px;width:85vw}.timeline-description-container{display:flex;flex-direction:column;gap:3vh;width:85vw}.stat-block-grid{align-items:center;border-radius:4;display:grid;grid-template-columns:90vw;grid-template-rows:auto;justify-content:center;overflow-x:hidden;overflow-y:auto;padding-top:10px;width:90vw}.stat-block-grid,.stat-block-image{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}.stat-block-image{border-radius:4px;max-width:100%}.map-description-container{border-radius:4px;display:flex;flex-direction:column;gap:3vh;max-height:50%;overflow:auto;padding:10px;position:absolute}.map-enlarge-button{left:2%;position:absolute;top:0;visibility:visible}}@font-face{font-family:Dungeon;src:url(/static/media/dungeon.374d4b3110d22f2d685e.TTF)}.map-tag-text{font-size:5;padding-left:4px;padding-right:4px}@media only screen and (max-width:768px){.map-tag-text{font-size:6}}*{scroll-behavior:smooth}::-webkit-scrollbar{background-color:initial;height:10px;width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555;border-radius:2px}:root{--pixel-font:"Pixelify Sans","Press Start 2P",monospace}body{background:#0b0b0f;color:#e9e9f1;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0;padding:0}.pixel{font-family:Pixelify Sans,Press Start\ 2P,monospace;font-family:var(--pixel-font);letter-spacing:.04em;text-transform:uppercase}.pixel-outline{text-shadow:0 1px 0 #000,1px 0 0 #000,0 -1px 0 #000,-1px 0 0 #000,1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}
/*# sourceMappingURL=main.d084fec3.css.map*/