.timer{background:#fff;padding:20px;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.2);text-align:center;width:90%;max-width:420px;margin:0 auto;position:relative;height:auto}.time{font-size:2em;margin-bottom:20px;display:flex;justify-content:center}.digit{display:inline-block;width:60px;height:60px;margin:0 6px;padding:0 8px;font-size:1.5em;font-weight:700;background:#eff6ff;border-radius:6px;display:flex;justify-content:cent7r;align-items:center;transition:transform .5s ease-in-out}.input-time{margin-bottom:22px}.input-time input{width:70px;padding:5px;font-size:1em;margin:0 5px;text-align:center}.buttons button{background:#34639b;color:#fff;border:none;padding:10px 20px;margin:5px;border-radius:5px;cursor:pointer;font-size:1em;transition:background .3s}.buttons button:hover{background:#218838}.buttons button:active{transform:scale(.98)}.fullscreen-btn{position:absolute;top:10px;right:10px;background:#8aa1b9;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;font-size:1em;transition:background .3s}.fullscreen-btn:hover{background:#3e658c}@media (max-width:600px){.digit{width:50px;height:50px;font-size:1.2em}.input-time input{width:60px;font-size:.9em}}