@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Montserrat,sans-serif;font-weight:600}body{background-color:#f0f8ff;margin-top:0;padding-top:80px}.Nav{position:fixed;top:0;left:0;width:100%;background-color:#333;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000001a;z-index:1000}.Nav h1{color:#fff;background-color:#333;font-size:1.8rem}.Nav ul{display:flex;list-style:none;background-color:#333;gap:2rem}.Nav li{background-color:#333}.Nav li a{color:#fff;text-decoration:none;font-size:1.1rem;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s,color .3s;background-color:#333}.Nav li a:hover{background-color:#3cb371;color:#fff}.wrapper{max-width:800px;margin:2rem auto;padding:0 1rem}.heading h2{text-align:center;margin-bottom:2rem;color:#333;font-size:2.5rem}.input{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.input input{flex:1;min-width:300px;height:50px;padding:0 1rem;border:2px solid #3cb371;border-radius:8px;background-color:#fff;font-size:1rem;outline:none;transition:border-color .3s}.input input:focus{border-color:#68bb59;box-shadow:0 0 5px #68bb594d}.input button{height:50px;padding:0 2rem;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;transition:transform .2s,box-shadow .2s}.input button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.list ul{list-style:none;max-width:700px;margin:0 auto}.list li{background-color:#fff;margin-bottom:1rem;padding:1.2rem 1.5rem;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;justify-content:space-between;align-items:center;transition:transform .2s,box-shadow .2s;border-left:4px solid #3cb371}.list li:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.list li span:first-child{flex:1;cursor:pointer;background-color:transparent;font-size:1.1rem;color:#333}.list li .button-container{display:flex;gap:.8rem;background-color:transparent}.edit,.delete{padding:.5rem 1.2rem;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;transition:all .3s;color:#fff;min-width:80px}.edit{background-color:#68bb59}.delete{background-color:#ff4500}.edit:hover:not(:disabled){background-color:#5aa34c}.delete:hover:not(:disabled){background-color:#e03d00}.edit:disabled,.delete:disabled{opacity:.5;cursor:not-allowed;transform:none}.stopWatch{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:4rem;padding:2rem}.time{font-size:4rem;letter-spacing:2px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#333;text-shadow:2px 2px 4px rgba(0,0,0,.1);padding:1rem 2rem;background-color:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a}.buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.buttons button{font-size:1.3rem;padding:.8rem 2rem;color:#fff;border-radius:10px;cursor:pointer;border:none;transition:transform .2s,box-shadow .2s;min-width:120px}.buttons button:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0003}.buttons button:active{transform:translateY(-1px)}.buttons button:nth-child(1){background-color:#3cb371}.buttons button:nth-child(2){background-color:tomato}.buttons button:nth-child(3){background-color:#00b7eb}@media(max-width:768px){.Nav{flex-direction:column;gap:1rem;padding:1rem}.Nav ul{gap:1rem}.time{font-size:3rem;padding:.8rem 1.5rem}.buttons{gap:1rem}.buttons button{font-size:1.1rem;padding:.7rem 1.5rem;min-width:100px}.list li{flex-direction:column;gap:1rem;text-align:center}.list li .button-container{width:100%;justify-content:center}}@media(max-width:480px){body{padding-top:120px}.time{font-size:2.5rem}.heading h2{font-size:2rem}.input{flex-direction:column}.input input{min-width:auto}}