a{text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:1px;color:#fff;background-color:#000}.story{background:#ffffff30;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25)}h1{text-align:center;margin-top:20px;margin-bottom:20px}.loading{text-align:center}#loader{width:100%;height:100%;position:fixed;left:0;bottom:0;z-index:99999;background:linear-gradient(to bottom,#0009,#00000080)}#loader .message{position:relative;transform:translate(-5%,-5%);font-size:20px;top:50%;left:50%;color:#000}.loader-open{overflow:hidden}.hide{display:none}.active{font-weight:700}.nav-link{display:flex;justify-content:center;align-items:center}.nav-link a{margin:10px;text-transform:uppercase;color:inherit;letter-spacing:2px}.story{width:80%;margin:10px auto;border:1px solid #ccc;border-radius:5px;padding:10px}.story .story-title{margin-bottom:4px}.story .story-title a:link,.story .story-title a:visited{font-size:18px;color:#fff}.story .story-title a:hover,.story .story-title a:active{text-decoration:none}.story .story-info{color:pink}.story .story-info span{margin:4px}.story .story-info a{color:inherit}@media screen and (max-width: 600px){body{font-size:.9rem}h1{font-size:2rem}.nav-link{flex-direction:column}.story{width:90%}}