@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Turret+Road:wght@400;700&display=swap";.footer-container{text-align:center;margin:3vh 0}.footer-link{letter-spacing:normal;color:var(--secondaryColor);text-decoration:none}.footer-link:hover{color:var(--tertiaryColor);border-bottom:1px solid var(--tertiaryColor)}.startScreen-container{color:var(--primaryColor);text-align:center;opacity:0;flex-flow:column;align-items:center;font-family:Orbitron,sans-serif;animation:.4s ease-in .2s forwards mainComponent-load;display:flex;transform:translateY(-50px)}.startScreen-cover{border:5px solid var(--tertiaryColor);width:95vw;max-width:992px;height:40vh;margin-bottom:2vh;position:relative;overflow:hidden}.startScreen-image{opacity:0;background-position:50%;background-size:cover;max-width:992px;max-height:1024px;margin:auto;animation:30s linear infinite imageMove;position:absolute;inset:0;scale:1.2}.startScreen-image:first-child{background-image:url(/assets/coverRealWordImage-C9Lyoz9g.jpg)}.startScreen-image:nth-child(2){background-image:url(/assets/coverZerOneImage-N-FR5lax.jpg);animation-delay:10s}.startScreen-image:nth-child(3){background-image:url(/assets/coverSubLevelImage-BsyufGsB.jpg);animation-delay:20s}@media screen and (height>=768px){.startScreen-container{margin-top:10vh}}@media screen and (width>=992px){.startScreen-container{margin-top:3vh}.startScreen-cover{height:50vh}}@keyframes imageMove{25%{opacity:1}50%{opacity:.8;scale:1}60%{opacity:0}}.startScreen-title{text-shadow:2px 2px var(--secondaryColor);margin:0;font-size:2.5rem}.startScreen-menu{border-top:1px solid var(--tertiaryColor);border-bottom:1px solid var(--tertiaryColor);flex-flow:column;margin:1.5rem 0 0;padding:1rem;display:flex}.startScreen-btn{color:var(--primaryColor);background-color:var(--secondaryBackground);border:1px solid var(--primaryColor);margin:.5rem;padding:.5rem 2.5rem;font-size:1.5rem;text-decoration:none;transition:color .5s ease-in-out,box-shadow .5s ease-in-out;animation:1s ease-in btn-load}.startScreen-btn:hover{color:var(--secondaryColor);box-shadow:inset 200px 0 0 0 var(--tertiaryColor)}@media screen and (width<=200px),screen and (height<=200px){.startScreen-container{height:auto}}@keyframes startScreen-load{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes btn-load{0%{transform:scale(0)}90%{transform:scale(1.1)}to{transform:scale(1)}}@media screen and (width<=768px){.startScreen-title{font-size:2rem}}.header-container{border-top:5px solid var(--tertiaryColor);border-left:5px solid var(--tertiaryColor);border-right:5px solid var(--tertiaryColor);background-color:var(--secondaryBackground);text-align:center;width:-webkit-fill-available;justify-content:space-around;align-items:center;width:-moz-available;margin-top:1px;padding:10px;font-size:1rem;display:flex}.header-link{color:var(--primaryColor);margin:0 2px;text-decoration:none;transition:all .5s}.header-link:hover{color:var(--secondaryColor);transition:all .5s}@media (width<=1024px){.header-container{font-size:.9rem}}.storyScreen-container{letter-spacing:.1rem;color:var(--primaryColor);opacity:0;flex-flow:column;align-items:center;font-family:Orbitron,sans-serif;animation:.4s ease-in .2s forwards storyScreen-load;display:flex;transform:translateY(-50px)}.storyScreen-headerImg{object-fit:cover;border-top:5px solid var(--secondaryColor);border-bottom:5px solid var(--secondaryColor);width:1024px;max-height:512px}.storyScreen-textContainer{border-top:5px solid var(--tertiaryColor);border-bottom:5px solid var(--tertiaryColor);max-width:1024px;margin:5vh 5vw;font-size:1.4rem}.storyScreen-text{font-family:Turret Road,cursive}.storyScreen-link{background-image:linear-gradient(to right, var(--tertiaryColor), var(--tertiaryColor) 50%, var(--secondaryColor) 50%);-webkit-text-fill-color:transparent;background-position:-100%;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin-bottom:4vh;padding:.5rem 1rem;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .5s ease-in-out;display:inline-block;position:relative}.storyScreen-link:before{content:"";background:var(--tertiaryColor);width:0;height:1px;transition:all .5s ease-in-out;display:block;position:absolute;bottom:-5px;left:0}.storyScreen-link:hover{background-position:0}.storyScreen-link:hover:before{width:100%}@media (width<=1024px){.storyScreen-headerImg{width:100%;height:100%}.storyScreen-textContainer{width:96vw;margin:5vh 1vw}}@keyframes storyScreen-load{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mainComponent-container{opacity:0;flex-flow:column;justify-content:center;align-items:center;animation:.4s ease-in .2s forwards mainComponent-load;display:flex;transform:translateY(-10px)}.mainComponent-imageAndText{border:5px solid var(--tertiaryColor);width:-webkit-fill-available;flex-flow:row;justify-content:center;align-items:center;width:-moz-available;display:flex;position:relative}.mainComponent-menuBtn{--x-width:calc(var(--menuBtn-height) * 1.41421);gap:var(--menuBtn-gap);width:max-content;top:var(--menuBtn-margin);right:var(--menuBtn-margin);cursor:pointer;opacity:.5;flex-direction:column;transition:all .5s;display:flex;position:absolute}.mainComponent-menuBtn:hover{opacity:1;transition:all .5s}.mainComponent-menuBtn:has(input:focus-visible):before{box-shadow:0 0 0 1px var(--secondaryColor)}.mainComponent-menuBtn:has(input:focus-visible):after{box-shadow:0 0 0 1px var(--secondaryColor)}.mainComponent-menuBtn:before,.mainComponent-menuBtn:after,.mainComponent-menuBtn input{content:"";width:var(--bar-width);height:var(--bar-height);background-color:var(--secondaryColor);transform-origin:100%;transition:opacity var(--animation-timing), width var(--animation-timing), rotate var(--animation-timing), translate var(--animation-timing), background-color var(--animation-timing)}.mainComponent-menuBtn input{appearance:none;pointer-events:none;outline:none;margin:0;padding:0}.mainComponent-menuBtn:has(input:checked):before{width:var(--x-width);rotate:-45deg;translate:0 calc(var(--bar-height) / -2)}.mainComponent-menuBtn:has(input:checked):after{width:var(--x-width);rotate:45deg;translate:0 calc(var(--bar-height) / 2)}.mainComponent-menuBtn input:checked{opacity:0;width:0}.mainComponent-image{margin:auto}.mainComponent-text{border-top:1px solid var(--secondaryColor);border-bottom:1px solid var(--secondaryColor);white-space:pre-line;margin:3vw;padding:3vw;font-family:Turret Road,cursive;font-size:1.4rem}.mainComponent-options{border-right:5px solid var(--tertiaryColor);border-left:5px solid var(--tertiaryColor);border-bottom:5px solid var(--tertiaryColor);flex-flow:column;align-items:center;margin:auto;display:flex}.mainComponent-additionalImage{border-right:1px solid var(--tertiaryColor);border-left:1px solid var(--tertiaryColor);border-bottom:1px solid var(--tertiaryColor);width:250px;height:250px}.mainComponent-thankYouMessage{text-align:center;color:var(--secondaryColor)}.mainComponent-link{color:var(--tertiaryColor);background-color:var(--secondaryBackground);border:1px solid var(--tertiaryColor);padding:1vh 2vw;font-size:1.5rem;text-decoration:none;transition:all .5s}.mainComponent-link:hover{border:1px solid var(--secondaryColor);color:var(--secondaryColor);transition:all .5s}.mainComponent-creditsLink{color:var(--tertiaryColor);background-color:var(--secondaryBackground);border:1px solid var(--tertiaryColor);margin-top:2vh;padding:1vh 2vw;font-size:1.5rem;text-decoration:none;transition:all .5s}.mainComponent-creditsLink:hover{border:1px solid var(--secondaryColor);color:var(--secondaryColor);transition:all .5s}.mainComponent-buttons{flex-flow:wrap;justify-content:center;display:flex}.mainComponent-rightBtn{box-sizing:inherit;background-color:var(--secondaryBackground);cursor:pointer;white-space:pre-line;text-align:center;border:1px solid var(--tertiaryColor);width:250px;color:var(--tertiaryColor);justify-content:center;align-items:center;margin:2vw;padding:2vh 1vw;font-family:Turret Road,cursive;font-size:1.25rem;transition:all .5s;display:flex}.mainComponent-rightBtn:hover{border:1px solid var(--secondaryColor);color:var(--secondaryColor);transition:all .5s}.mainComponent-rightBtn:active{transform:scale(.9)}.mainComponent-leftBtn{box-sizing:inherit;background-color:var(--secondaryBackground);cursor:pointer;white-space:pre-line;text-align:center;border:1px solid var(--tertiaryColor);width:250px;color:var(--tertiaryColor);justify-content:center;align-items:center;margin:2vw;padding:2vh 1vw;font-family:Turret Road,cursive;font-size:1.25rem;transition:all .5s;display:flex}.mainComponent-leftBtn:hover{border:1px solid var(--secondaryColor);color:var(--secondaryColor);transition:all .5s}.mainComponent-leftBtn:active{transform:scale(.9)}#portal{cursor:auto;opacity:.5;background-color:#000;border:1px solid gold;width:10px;height:10px;position:absolute;top:95.5%;right:.5rem;transform:rotate(45deg)}#portal:hover{opacity:1;scale:1.1}@media screen and (width<=992px){.mainComponent-imageAndText{flex-wrap:wrap}.mainComponent-buttons{margin:1vh 0}}@media screen and (width<=512px){.mainComponent-image{width:100%}}@keyframes mainComponent-load{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gameScreen-container{color:var(--primaryColor);font-family:Orbitron,sans-serif}.aboutScreen-container{letter-spacing:.1rem;color:var(--primaryColor);text-align:center;opacity:0;flex-flow:column;margin-top:5vh;font-family:Orbitron,sans-serif;animation:.4s ease-in .2s forwards aboutScreen-load;display:flex;transform:translateY(-50px)}.aboutScreen-title{text-shadow:2px 2px var(--secondaryColor)}.aboutScreen-linksContainer{border-top:1px solid var(--secondaryColor);border-bottom:1px solid var(--secondaryColor);flex-flow:column;margin:5vh auto;padding:2vh 0;display:flex}.aboutScreen-link{color:var(--primaryColor);text-align:start;background:linear-gradient(var(--tertiaryColor) 0 0) no-repeat calc(200% - var(--i,0) * 100%) 100% / 200% calc(100% * var(--i,0) + .08em);width:250px;max-width:90vw;transition:.3s calc(var(--i,0) * .3s), background-position .3s calc(.3s - calc(var(--i,0) * .3s));margin:2vh 3vw;padding:1vh 0;font-size:1.4rem;text-decoration:none}.aboutScreen-link:hover{color:var(--secondaryColor);--i:1}.aboutScreen-personalLink{width:250px;max-width:80vw;color:var(--primaryColor);--c:var(--tertiaryColor);background:conic-gradient(from -135deg at 100% 50%, var(--c) 90deg, #0000 0) 0 var(--p,0%) / var(--s,0%) 200% no-repeat, conic-gradient(from -135deg at 1.2em 50%, #0000 90deg, var(--c) 0) 100% var(--p,0%) / var(--s,0%) 200% no-repeat;margin:auto;line-height:1.2em;text-decoration:none;transition:all .4s ease-in,background-position}.aboutScreen-personalLink:hover{color:var(--secondaryColor);--p:100%;--s:calc(50% + .61em)}@keyframes aboutScreen-load{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.descriptionScreen-container{color:var(--primaryColor);opacity:0;font-family:Orbitron,sans-serif;animation:.4s ease-in .2s forwards descriptionScreen-load;transform:translateY(-50px)}.descriptionScreen-header{border-top:5px solid var(--tertiaryColor);text-align:center;margin:0;padding:2vh}.descriptionScreen-text{border-top:5px solid var(--tertiaryColor);border-bottom:5px solid var(--tertiaryColor);margin:0 1vw;padding:2vh 2vw;font-family:Turret Road,cursive;font-size:1.4rem}.descriptionScreen-image{border:5px solid var(--secondaryColor);object-fit:cover;width:512px;max-width:90vw;margin:0 auto 2vh;display:block}.descriptionScreen-link{color:var(--tertiaryColor);text-decoration:none}.descriptionScreen-link:hover{color:var(--secondaryColor);text-decoration:underline}.descriptionScreen-subHeader{font-family:Orbitron,sans-serif;font-size:1.4rem}.descriptionScreen-socialMediaLink{border-top:1px solid var(--secondaryColor);padding-top:1rem}@keyframes descriptionScreen-load{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.creditsScreen-container{color:var(--primaryColor);opacity:0;flex-flow:column;align-items:center;font-family:Orbitron,sans-serif;animation:2s ease-in forwards creditsScreen-load;display:flex;transform:translateY(-10px)}.creditsScreen-header{font-size:1.75rem}.creditsScreen-block{flex-flow:row;align-items:center;margin:1vw;display:flex}.creditsScreen-text{margin:.5vw}.creditsScreen-image{object-fit:cover;border:1px solid var(--secondaryColor);max-width:45vw;max-height:45vh;margin:.5vw}.creditsScreen-startScreenLink{--c:no-repeat linear-gradient(var(--tertiaryColor) 0 0);background:var(--c) calc(-101% + var(--p,0%)) 100%, var(--c) calc(201% - var(--p,0%)) 0;color:var(--primaryColor);background-size:50.1% var(--p,.08em);background-color:var(--secondaryBackground);transition:.3s var(--t,0s), background-position .3s calc(.3s - var(--t,0s));border:1px solid var(--tertiaryColor);margin:2vh 0 3vh;padding:1vh;font-size:1.25rem;text-decoration:none}.creditsScreen-startScreenLink:hover{--p:101%;--t:.3s;color:var(--secondaryColor);background-color:var(--tertiaryColor);border:1px solid var(--primaryColor)}.creditsScreen-personalLink{color:var(--secondaryColor);margin-bottom:2vh;text-decoration:none;transition:all .25s}.creditsScreen-personalLink:hover{color:var(--tertiaryColor);transition:all .25s;scale:1.1}@keyframes creditsScreen-load{0%{opacity:0;transform:translateY(-700px)}to{opacity:1;transform:translateY(0)}}:root{--primaryBackground:#240046;--secondaryBackground:#3c096c;--primaryColor:#dee2e6;--secondaryColor:#f72585;--tertiaryColor:#4cc9f0;--bar-width:20px;--bar-height:3px;--menuBtn-gap:5px;--menuBtn-margin:5px;--animation-timing:.2s ease-in-out;--menuBtn-height:calc(var(--bar-height) * 3 + var(--menuBtn-gap) * 2);scroll-behavior:smooth}body{background:var(--primaryBackground);margin:0}