#restart{position:fixed;top:10px;right:10px;background:none;border:none;color:#000;cursor:pointer;z-index:1000}body{margin:0;padding:0;overflow:hidden;height:100vh;width:100vw;background:url(/media/default_background.jpg) no-repeat center center fixed;background-size:cover;position:relative}body p,body h1,body h2,body h3,body h4,body h5,body h6{text-shadow:2px 2px 4px black}button{display:block;margin:10px 0;padding:10px;background-color:#2e3a46;color:#fff;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#b30000}p{font-size:18px;line-height:1.6;text-shadow:2px 2px 4px black}.character-portrait{position:absolute;margin-top:80px;width:20%;height:auto;object-fit:cover;margin-right:auto;float:left}.background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.5}.scene-container{overflow:hidden;position:relative;height:100vh;width:100vw;background-size:cover;background-repeat:no-repeat}.dialogue-box{position:absolute;bottom:0;width:100%;background-color:#816548;color:#000;padding:20px;border-top:2px whitesmoke;height:100px;display:flex;align-items:center;cursor:pointer}.dialogue-box p{margin:0;white-space:pre-wrap;flex:1;font-size:3rem;justify-content:space-around}.dialogue-box button{margin-top:10px;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-left:auto}#character-image{position:absolute;bottom:150px;left:50px;width:25%;height:450px;object-fit:contain;z-index:0}.other-character-image{position:absolute;bottom:120px;right:50px;width:25%;height:450px;object-fit:contain}.choices{display:flex;flex-direction:column}.scene2img{background-image:url(/media/default_background_night.png);animation:fadeInAnimation ease 4s;animation-iteration-count:1;animation-fill-mode:forwards}.scene2img img{animation:fadeInAnimation ease 8s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@media (max-width: 1200px){#character-image,.other-character-image{width:30%;height:400px;bottom:120px}.dialogue-box{height:90px;padding:15px}.dialogue-box p{font-size:2rem}.dialogue-box button{margin-top:5px;padding:8px}.background{background-size:cover;background-position:center}}@media (max-width: 992px){#character-image,.other-character-image{width:35%;height:350px;bottom:100px}.dialogue-box{height:80px;padding:10px}.dialogue-box p{font-size:2rem}.dialogue-box button{margin-top:3px;padding:6px}}@media (max-width: 768px){#character-image,.other-character-image{width:40%;height:300px;bottom:80px}.dialogue-box{height:70px;padding:8px}.dialogue-box p{font-size:2rem}.dialogue-box button{margin-top:2px;padding:5px}}@media (max-width: 576px){#character-image,.other-character-image{width:45%;height:250px;bottom:60px}.dialogue-box{height:60px;padding:5px}.dialogue-box p{font-size:1.5rem}.dialogue-box button{margin-top:2px;padding:4px}}#tsparticles{position:fixed;top:0;left:0;width:100%;height:100%;opacity:1;background:none!important;z-index:0}#tsparticles canvas{width:100%!important;height:100%!important;position:fixed!important;z-index:-1!important;top:0!important;background-color:transparent!important;pointer-events:none}.dialogue-box{position:absolute;bottom:0;width:100%;background-color:#816548;color:#000;padding:20px;border-top:2px whitesmoke;min-height:120px}.dialogue-box p{margin:0 auto;white-space:wrap;max-width:90%}.choices{display:inline}.dialogue-box button{background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;float:right;margin-right:50px;font-size:1.5rem}.dialogue-box button:hover{background-color:#0056b3}.cutscene-container{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;color:#fff;font-size:2rem;text-align:center;padding:20px;box-sizing:border-box}.cutscene-container p{white-space:pre-wrap;max-width:80%;margin:0;font-size:2rem}.cc12{background-image:url(/media/darkness_background.png);background-repeat:no-repeat;background-size:contain;background-position:center;width:100%;height:100%}.slide-img-display{width:70%;height:100vh;display:flex;float:right;margin-right:15%;margin-top:0;padding:0;top:0}.slideshow-div{background-image:url();background-color:#000}body{background-image:url();background-color:#000}.snowflake{content:""}.credits-container{position:relative;width:100%;height:100vh;background-image:url(/media/darkness_background.png) no-repeat center center fixed;background-size:cover;overflow:hidden}.start-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 20px;font-size:1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.start-button:hover{background-color:#0056b3}.credits-roll{position:absolute;bottom:-100%;width:100%;height:300%;animation:roll 330s linear forwards}.credits-content{text-align:center;color:#fff;font-size:2rem}.credits-content h1,.credits-content h2{margin:1rem 0}.credits-content p{margin:2rem 0}.credits-image{margin:1rem 0}.credits-image img{max-width:100%;height:auto;max-height:800px}@keyframes roll{0%{bottom:-100%}to{bottom:1000%}}@media (max-width: 1200px){.credits-content{font-size:1.5rem}.credits-image img{max-height:600px}}@media (max-width: 992px){.credits-content{font-size:1.2rem}.credits-image img{max-height:500px}}@media (max-width: 768px){.credits-content{font-size:1rem}.credits-image img{max-height:400px}}@media (max-width: 576px){.credits-content{font-size:.8rem}.credits-image img{max-height:300px}}