@import "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";@import "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";body{background:var(--bs-gray-700);width:100%;height:100vh;padding:50px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.container{background:var(--bs-gray-900);max-width:1200px;color:var(--bs-gray-500);border:1px solid;border-radius:20px;margin:0 auto;padding:15px;font-family:lato;font-size:25px;position:relative}.title{text-align:center;border:1px solid;margin-bottom:40px;font-size:60px}.record{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.textInput{color:var(--bs-gray-500);background:0 0;border:none;border-bottom:1px solid;outline:none;width:80px;padding-block:5px;font-family:lato;font-size:23px;font-weight:400}.button{text-align:center;color:#fff;cursor:pointer;background:#39df7b;border:1px solid;border-radius:8px;padding-block:5px;font-weight:600;text-decoration:none;transition:all .4s;display:block}.button:hover{background:#049027}.switch{width:60px;height:34px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:34px;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:26px;height:26px;transition:all .4s;position:absolute;bottom:3px;left:4px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translate(26px)}.notification{margin-bottom:20px}.description{color:var(--bs-gray-600);margin-bottom:70px;font-size:18px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-secondary:#656565}html,body{background:var(--bs-gray-800);width:100%;height:100vh}.home-container{padding-inline:50px}ul{justify-content:center;align-items:center;gap:80px;list-style-type:none;display:flex}.control-buttons{justify-content:center;margin-bottom:50px;padding:20px;display:flex}.timer-displays{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;display:grid}.timer-display{background:var(--bs-gray-900);color:#fff;cursor:pointer;border:1px solid;border-radius:10px;justify-content:center;align-items:center;height:400px;font-family:lato;font-size:60px;font-weight:600;display:flex}li{cursor:pointer;color:var(--bs-gray-600);transition:all .4s}li:hover{color:var(--bs-gray-400)}.timer-display.active{background-color:#28a745}.back-link{color:var(--bs-gray-600);background-color:#0000;border-radius:50%;align-items:center;font-family:lato;text-decoration:none;display:flex}p{color:var(--bs-gray-500);text-align:center;margin-bottom:40px;font-family:lato;font-size:30px}