@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--blue: #0A0140;--dark-blue: #0A0019;--white: #ffffff;--link: #FFFFC8;--color-header: var(--blue);--color-heading: #1BF8FF;--background-image: url("../img/background.jpg");--text-color: var(--white);--default-font: "Mono Space", monospace;--paragaph-font: "Roboto", sans-serif;--transparent-background: rgba(201, 235, 243, 0.1)}*{margin:0;padding:0;box-sizing:border-box;line-height:1.5;transition:all .4s}html{font-size:62.5%}@media screen and (max-width: 768px){html{font-size:50%}}body{width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;background-image:var(--background-image);color:var(--white);background-size:cover;background-repeat:no-repeat;background-clip:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--default-font)}p,span{font-family:var(--paragaph-font)}a{color:inherit;text-decoration:none}p a{text-decoration:underline;color:var(--link)}ul{list-style-type:none}b,strong{color:var(--link)}.title{font-size:3.5rem;margin-block:1.2rem}.highlight{opacity:1;font-size:1.8rem}.content{font-family:var(--default-font);font-size:1.4rem;opacity:.9;margin-block:1.2rem}.show-on-mobile{display:none}@media screen and (max-width: 768px){.show-on-mobile{display:initial}}.hidden{display:none}::-webkit-scrollbar{width:5px;background-color:rgba(255,255,255,.2);border-radius:2.5px}::-webkit-scrollbar-thumb{background-color:var(--color-heading);opacity:.5;width:5px;border-radius:2.5px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#grid-container{width:100%;height:100%;display:grid;grid-template-rows:3.5rem 25rem 1fr 5rem 2rem 1fr;grid-template-columns:20% 25% 1fr;grid-template-areas:"header header content" "welcome navbar content" "welcome navbar content" ". navbar content" "footer footer content" "footer footer content"}#grid-container>*{margin:.5rem}@media screen and (max-width: 768px){#grid-container{grid-template-columns:50% 50%;grid-template-rows:3.5rem auto auto auto;grid-template-areas:"header header" "welcome navbar" "content content" "footer footer"}}header{grid-area:header;background-color:var(--color-header);display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:var(--white);border:1px solid var(--white);font-family:var(--default-font)}#welcome{grid-area:welcome;border:2px dashed var(--white);padding:1rem;position:relative}#welcome img{height:20rem;position:absolute;right:0;bottom:0;transform:translate(50%, 50%);opacity:.3;z-index:30;pointer-events:none}#navbar{grid-area:navbar;background-color:var(--transparent-background);padding:1.5rem;width:100%;height:100%;overflow-y:auto;position:relative}#navbar #backBtn{position:absolute;right:2rem;top:1.5rem;font-size:1rem;cursor:pointer}#navbar .title{font-size:1.5rem}#navbar li.nav-item{margin-block:1rem;font-size:1.5rem;font-family:var(--default-font);padding-left:2rem;background-color:var(--transparent-background);padding-block:1rem;position:relative;width:80%;cursor:pointer}#navbar li.nav-item::before{display:block;content:"";width:10px;background-color:var(--white);position:absolute;left:0;top:0;bottom:0}#navbar li.nav-item:hover{background-color:rgba(156,252,255,.2901960784);color:var(--link)}#navbar li.nav-item:hover::before{background-color:var(--color-heading)}#main-content{grid-area:content;border:1px solid gray;margin-left:20px;padding:2rem;overflow-y:auto;background-color:rgba(0,0,0,.5)}@media screen and (max-width: 768px){#main-content{margin-left:5px;margin-block:2rem;height:-moz-max-content;height:max-content}}#main-content #content-block{width:100%}#main-content #content-block,#main-content #caret-block{display:inline-block}#main-content #content-block *{margin-block:1.2rem}#main-content #content-block p{font-family:var(--default-font)}#main-content #content-block ul{list-style:disc}#main-content #content-block li{margin-left:2.5rem}#main-content #caret-block{font-size:1.8rem;height:-moz-min-content;height:min-content;width:auto;aspect-ratio:1/1.5;background-color:#fff;margin-left:5px;color:rgba(0,0,0,0)}#main-content .title{font-size:1.8rem}#navigator-guide{font-size:1.6rem;background-color:rgba(255,255,255,.2);width:100%;padding-block:.5rem;padding-inline:1rem}#navigator-guide .breadcrumb-item{cursor:pointer}#navigator-guide .breadcrumb-item:hover{color:var(--link);text-decoration:underline}footer{grid-area:footer;background-color:#000;text-align:center;font-size:2rem;border-top:1px solid var(--white);margin-top:2rem}@media screen and (max-width: 768px){footer{text-align:center}}