html{box-sizing:border-box;height:100%}*,:after,:before{box-sizing:inherit}body{background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;min-height:100%;padding:0;transition:background-color .3s,color .3s}.page-content{flex-grow:1;justify-content:space-between;padding:20px 10px 0}.modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:var(--container-bg-color);border-radius:10px;box-shadow:0 4px 12px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;text-align:left;transition:background-color .3s;width:95%}.modal-content h2,.modal-content h3{text-align:center}.close-modal{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:2rem;font-weight:200;line-height:1;opacity:.7;padding:0;position:absolute;right:15px;top:10px;transition:all .2s ease-in-out}.close-modal:hover{color:var(--primary-hover-color);opacity:1;transform:scale(1.2) rotate(90deg)}.timer-section-wrapper{align-items:top;display:flex;flex-direction:column;justify-content:top;min-height:100vh}