body{background-color:#f80;margin:0;padding:1rem 0;position:relative}body:before,body:after{content:"";z-index:-1;background:#00ff48;width:160px;height:100%;position:fixed;top:0}body:before{clip-path:polygon(0 0,85% 0,85% 5%,100% 10%,85% 15%,100% 20%,85% 25%,100% 30%,85% 35%,100% 40%,85% 45%,100% 50%,85% 55%,100% 60%,85% 65%,100% 70%,85% 75%,100% 80%,85% 85%,100% 90%,85% 95%,85% 100%,0 100%);left:0}body:after{clip-path:polygon(15% 0,15% 5%,0 10%,15% 15%,0 20%,15% 25%,0 30%,15% 35%,0% 40%,15% 45%,0 50%,15% 55%,0 60%,15% 65%,0 70%,15% 75%,0 80%,15% 85%,0 90%,15% 95%,15% 100%,100% 100%,100% 0%);right:0}#app{text-align:center}p{font-family:Iosevka Charon,monospace;font-size:larger;font-weight:500}.loading-text{justify-content:center;align-items:center;height:100vh;display:flex}#explanation{width:70%;margin-left:auto;margin-right:auto;line-height:30px}h1{font-optical-sizing:auto;font-family:Playfair Display,serif;font-style:italic;font-weight:800;text-decoration:underline}h2{font-optical-sizing:auto;font-family:Iosevka Charon,monospace;font-style:italic;font-weight:800}#time-travel{background-color:#ff8000;border:1.2px dashed gray;border-radius:15px;box-shadow:5px 5px 5px #000,-5px -5px 5px #000}#form-container{background-color:#e2802f;width:480px;height:200px;padding:5px}dialog{border:3px solid #000;border-radius:15px;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006}#form-title{background-color:#ff7300;border:.1px dashed gray;border-radius:15px;padding:20px}#date-picker{font-optical-sizing:auto;text-align:center;background-color:#ff7300;border:.1px dashed gray;border-radius:15px;width:190px;height:auto;padding:4px;font-family:Iosevka Charon,monospace;font-size:x-large;position:relative;left:.5px}#submit-btn{font-optical-sizing:auto;text-align:center;background-color:#00ff48;border:.1px dashed gray;border-radius:15px;width:190px;height:auto;padding:4px;font-family:Iosevka Charon,monospace;font-size:x-large;position:relative;left:.5px}
