@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:inherit}button{cursor:pointer}.App{display:flex;justify-content:center;align-items:center;font-family:Poppins,serif;width:100vw;height:100vh;background-size:cover}.bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.8;z-index:1;transition:background-color .8s ease-in-out}.pomodoro-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px;z-index:2;border-radius:30px;padding:80px;min-height:450px;min-width:380px;background-color:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 40px #000000e6;color:#fff}@media (max-width: 400px){.pomodoro-container{width:100vw;border-radius:0;padding:0}}.btn{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 50px;border-radius:30px;border:none;outline:none;font-size:.9rem;font-weight:500;background-color:#ffffff1a;color:#fff;box-shadow:0 4px 4px #0009}#start-btn{width:150px;height:150px;font-size:3rem;border-radius:50%}.select-container{z-index:2;position:absolute;top:-5rem;display:flex;flex-direction:column;gap:20px;padding:40px;border-radius:30px;background-color:#000000e6;box-shadow:0 0 10px #000c}.timer-time{font-size:3rem;font-weight:900}.btns-container{display:flex;gap:20px}#pause-resume-timer-btn,#stop-timer-btn{width:50px;height:50px;padding:20px}#toggle-settings-btn{display:flex;justify-content:center;align-items:center;z-index:3;position:fixed;top:0;right:0;margin:2rem;width:50px;height:50px;color:#000;border-radius:50%;outline:none;border:none;font-size:1.3rem}#toggle-settings-btn:hover{box-shadow:0 0 30px -2px #fff}.settings-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;text-align:center;padding:60px 100px;border-radius:30px;min-width:600px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99;color:#fff}.settings-items{margin:30px 30px 50px;display:flex;flex-direction:column;gap:50px}.settings-item{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:10px}.settings-item-labels{display:flex;justify-content:space-between}#close-settings-btn{margin:20px auto;background-color:green;transition:.35s ease-in-out}#close-settings-btn:hover{box-shadow:0 0 40px -2px #00c000}