body{margin-top:10vw;display:flex;flex-direction:column;text-align:center;align-items:center;font-family:var(--font-mono);user-select:none}.main-container h1{color:#fff;text-shadow:6px 6px 1px rgba(49,49,49,.9);font-size:72px}.timer h1{font-size:64px;border:5px solid #000;border-radius:10px;box-shadow:6px 6px 1px rgba(49,49,49,.404);background-color:#353535}.buttons button{font-size:24px;padding:10px 20px;margin:20px 30px 0;border-radius:10px;background-color:#646464;color:#fff;box-shadow:0 10px 0 #2e2e2e;border:none;cursor:pointer;transition:.2s ease-in-out}.buttons button:hover{transform:translateY(2px);box-shadow:0 6px 0 #2e2e2e}.buttons button:active{transition:.05s ease-in-out;transform:translateY(5px);box-shadow:0 0 0 #2e2e2e}.buttons #start{color:#fff;background-color:#090}.buttons #stop{background-color:#767676}.buttons #reset{background-color:#f50000}.footer{color:#fff;text-shadow:4px 4px 1px rgba(49,49,49,.9);font-size:24px;text-align:center;position:fixed;bottom:30px;left:50%;transform:translateX(-50%);width:100%;max-width:1100px;padding:0 20px;box-sizing:border-box}.footer a{font-style:italic;color:#fff;text-decoration:none}.footer a:hover{color:#33aeff}