*{box-sizing:border-box;font-family:Work Sans,sans-serif}html,body,.app,.end{height:100%;margin:0;padding:0;font-family:Work Sans,sans-serif}.app{display:flex;align-items:center;justify-content:center;background:white}.timer{display:block;text-align:center;font-size:15vw;margin:0}.timer>*{display:inline}#curtain{position:absolute;width:50%;height:100%;top:0;left:0;background:black}.page{text-align:center;color:#fff;mix-blend-mode:difference}.date{position:absolute;padding:10px;top:0;right:0}.start{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;padding:0 20vw;align-items:center;justify-content:center;text-align:center;background:rgb(52,199,89);color:#fff}.end{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;padding:0 20vw;align-items:center;justify-content:center;text-align:center;background:#f32013;color:#fff}#edit-button{position:absolute;bottom:10px;right:10px;appearance:none;border:none;color:#fff;background:transparent;padding:10px;cursor:pointer}#edit-button:hover{background:rgba(255,255,255,.1)}.edit{position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;border:10px solid #000;display:flex;align-items:center;justify-content:center}.edit .colon,.edit button,.edit input{padding:10px;font-size:20px;font-weight:700;text-align:center}.edit input,.edit button{border:3px solid #000}.time-input{display:flex}.time-input input{width:90px;flex:1}label{display:block;padding:10px 0}.edit button{background:#000;color:#fff;cursor:pointer;margin-top:16px}.hidden{display:none}