html{min-height:100vh}body{font-family:Roboto,Arial,sans-serif;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(to bottom,#000,#0a0a2a);color:#fff;letter-spacing:.1rem;word-spacing:.3rem;line-height:1.5rem}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#000000b3;position:sticky;top:0;z-index:1000;height:5vh}header h1{color:#00bfff;text-transform:uppercase}nav{display:flex;align-items:center}.menu{list-style:none;display:flex;gap:1rem}.menu a{text-decoration:none;color:#00bfff}.menu a:hover{text-decoration:underline}.menu li{display:inline}.burger-menu{display:none;flex-direction:column;cursor:pointer;z-index:1001;position:absolute;right:1rem}.burger-menu span{display:block;width:25px;height:3px;background-color:#00bfff;margin:5px 0}.mobile-menu{list-style:none;position:fixed;top:4em;right:0;padding:1em;transform:translate(10em);transition:transform .3s ease;z-index:1000;background-color:#000000e6;border:1px solid #a0e7e5}.mobile-menu.open{transform:translate(0)}.mobile-menu li{padding:1rem}.mobile-menu a{text-decoration:none;color:#00bfff}.mobile-menu a:hover{text-decoration:underline}main,app-root{display:flex;flex:1;flex-direction:column}footer{background-color:#0a0a2a;padding:1rem;text-align:center;color:#fff;height:5vh}.overlay{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2}.overlay-content{text-align:center;color:#fff}.overlay-content h1{font-size:2rem;margin-bottom:1rem;font-family:Orbitron,sans-serif;color:silver}.overlay-content p{font-size:1.2rem;margin-bottom:2rem}.overlay-content button{margin:.5rem;padding:.5rem 1rem;font-size:1rem;cursor:pointer;background-color:#00bfff;color:#fff;border:none;border-radius:5px;transition:box-shadow .3s ease}.overlay-content button:hover{box-shadow:0 0 10px #00bfff}.story-container{padding:20px;background-color:#0000004d;border:1px solid #a0e7e5;border-radius:10px;margin:10px;display:flex;flex-direction:column}.story-container ::ng-deep p{color:#fff}.stories-container ul{list-style-type:none}.stories-container li{list-style-type:"-  ";margin-left:1rem}.stories-container a{text-decoration:none;color:#00bfff;font-weight:700;font-size:1.2rem}.stories-container a:visited{color:#00bfff;font-size:.8rem;font-weight:400}.stories-container h2,.episodes-box h2{color:#00bfff;margin-bottom:20px}@media (max-width: 768px){.menu{display:none}.burger-menu,.mobile-menu{display:block}}@media (min-width: 769px){.menu{display:flex}.burger-menu{display:none}.mobile-menu{display:none!important}}