*,::after,::before{box-sizing:border-box}@font-face{font-family:OptimusPrinceps;src:url(OptimusPrinceps.ttf)}@font-face{font-family:Foglihten;src:url(Foglihten.otf)}body,html{margin:0;padding:0;overflow-x:hidden;font-family:Foglihten;font-family:Alegreya;font-family:Amarante,sans-serif;font-size:16px;min-height:100vh;background:#4b6373;background:-webkit-linear-gradient(bottom,#4b6373 0,#9bbed2 100%);background:-o-linear-gradient(bottom,#4b6373 0,#9bbed2 100%);background:linear-gradient(to top,#4b6373 0,#9bbed2 100%);background-image:url(/bg_black.png);background-position:center;background-size:cover;color:#fff}.edit-curtain{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;background:#000c}.edit-curtain.active{display:block}.edit-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.edit-title{padding:30px 0 10px 0;font-size:24px;text-align:center}.edit-menu{display:flex;justify-content:space-around;font-size:30px}.edit-cancel,.edit-save{padding:20px 40px;cursor:pointer}.edit-cancel:hover,.edit-save:hover{text-shadow:0 0 10px #fff8}.big-flex{height:100vh;display:flex;flex-direction:column;justify-content:space-around}.load-file{display:none}.title-box{font-size:50px;padding:20px;text-align:center;position:relative;z-index:1}.file-name{position:relative;z-index:1;text-align:center;margin-top:-15px;font-size:20px;cursor:pointer}.file-name input{width:300px;text-align:center;display:none}.file-name.edit span{display:none}.file-name.edit input{display:inline-block}.desc-box{flex:1 1 auto;opacity:0;height:0;position:relative;z-index:99}.desc-box .day-nr{padding:10px;text-align:center;font-size:30px}.desc-box .desc{width:100%;max-width:1200px;padding:20px;margin:0 auto;text-align:justify;max-height:70%;overflow-y:auto;font-size:16px;background:#0008}.desc-box .desc-btn{position:absolute;right:20px;cursor:pointer}.desc-box .desc-btn.edit{top:0}.desc-box .desc-btn.delete{top:30px}.timeline-holder{overflow-x:scroll;position:relative}.anim-holder{position:absolute;top:calc(50% + 25px);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s;left:0;width:252px;height:105px;overflow:hidden}.anim-holder img{width:100%;position:absolute;top:0;left:0}.menu{height:80px;position:fixed;bottom:20px;display:flex;justify-content:space-around;align-items:center;width:100%;z-index:100}.menu .button{font-size:30px;padding:20px 40px;cursor:pointer}.menu .button:hover{text-shadow:0 0 10px #fff8}.timeline{height:100%;min-width:100%;display:flex;justify-content:space-around;flex-wrap:nowrap;align-items:center;min-width:max-content;flex-grow:1;z-index:10;position:relative;padding-bottom:100px;padding-top:150px}.timeline .day{padding:20px 40px;font-size:30px;width:max-content;cursor:pointer;transition:all .4s;text-shadow:0 0 10px #000a;position:relative}.timeline .day .poppin{transition:opacity .3s;opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:14px;max-height:150px;overflow-y:auto;width:100%;padding:10px;background:#0008}.timeline .day:hover .poppin{opacity:1}