html{background-color:#e3e3e5;background-image:url(/background_elongated.png);background-position:top;background-repeat:no-repeat;background-size:cover}.header-container{flex-direction:column;align-items:center;display:flex}.header-site-name{color:#3fc7fd;margin-top:.5rem;margin-bottom:.5rem;font-family:Helvetica,monospace;font-size:1.2rem;font-weight:lighter}.main-content-container{background:#aad2f9b3;border-radius:1.75rem;flex-direction:column;align-items:center;width:60%;margin-left:auto;margin-right:auto;display:flex}.main-setting-container,.main-button-container{flex-direction:column;align-items:center;display:flex}#main-button-upper{background-color:#ffc8c8;border:.1rem solid #747373;border-radius:1rem;width:10.2rem;height:1.5rem;margin-top:.5rem;margin-bottom:.5rem;transition:all .5s}#main-button-upper:active{background-color:#5fdfee;transform:scale(.95)}#main-button-start{background-color:#c2f1c2;border:.1rem solid #747373;border-radius:1rem;width:10.2rem;height:4rem;margin-top:.5rem;margin-bottom:.5rem;transition:all .5s}#main-button-start:active{background-color:#5fdfee;transform:scale(.95)}#main-button-pause{background-color:#ffdabc;border:.1rem solid #747373;border-radius:1rem;width:10.2rem;height:4rem;margin-top:.5rem;margin-bottom:.5rem;transition:all .5s}#main-button-pause:active{background-color:#5fdfee;transform:scale(.95)}.setting-upper-container{flex-direction:row;display:flex}.setting-upper-title{font-family:Helvetica,monospace;font-size:medium;font-weight:lighter}.setting-lower-container{text-align:center;vertical-align:middle;flex-direction:row;align-items:center;height:3rem;margin-bottom:.5rem;display:flex}.setting-lower-subbox{text-align:center;vertical-align:middle;align-items:center;width:4rem}.settings-button{background-color:#f0f0f0;border:.1rem solid #8a8a8a;border-radius:2rem;width:2.5rem;height:2.5rem;transition:all .5s}.settings-button:active{background-color:#5fdfee;transform:scale(.95)}.settings-text{font-family:Helvetica,monospace;font-size:x-large;font-weight:lighter}.timer-content-container{background:#aad2f980;border-radius:1.75rem;flex-direction:column;align-items:center;width:100%;margin-left:auto;margin-right:auto;display:flex}.timer-button-container{flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}#timer-button-stop{background-color:#ffc8c8;border:.1rem solid #747373;border-radius:1rem;width:10.2rem;height:2rem;margin-top:.5rem;margin-bottom:1rem;transition:all .5s}#timer-button-stop:active{background-color:#5fdfee;transform:scale(.95)}#timer-button-pause{background-color:#cdfffd;border:.1rem solid #747373;border-radius:1rem;width:10.2rem;height:4rem;margin-top:3rem;transition:all .5s}#timer-button-pause:active{background-color:#5fdfee;transform:scale(.95)}#timer-workout-parameters-container{margin-top:1rem}.timer-progress-container{flex-direction:column;margin-bottom:1rem;font-family:Helvetica,monospace;font-size:1.75rem;font-weight:lighter;display:flex}.timer-current-activity-container{text-align:center;flex-direction:column;width:100%;margin-bottom:1rem;font-family:Helvetica,monospace;font-size:1.5rem;font-weight:lighter;display:flex}#timer-current-activity-countdown-value{background-color:#fee7cc}#timer-current-activity-workout-value{background-color:#baf0f7}#timer-current-activity-rest-value{background-color:#ccfecd}#timer-current-activity-countdown{font-family:Helvetica,monospace;font-size:2.5rem;font-weight:lighter}#timer-current-activity-rest{background-color:#94fbc1;font-family:Helvetica,monospace;font-size:3.05rem}#timer-value{border-radius:1rem;font-family:Helvetica,monospace;font-size:4.5rem;font-weight:lighter}.footer-container{padding-top:1.5rem}.footer-creator-container{background-color:#d7f9ff;font-family:Courier New,Courier,monospace}.footer-caution-container{color:red;background-color:#ffffd3;margin-top:.5rem;font-family:Courier New,Courier,monospace;font-size:small}.footer-disclaimer-container{background-color:#e9e9e9;margin-top:.5rem;font-family:Courier New,Courier,monospace;font-size:small}@media (max-width:500px){.main-content-container{width:70%}}