*{margin:0;padding:0}body{background-color:#a045f5;color:#fff}.container{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.timer{font-size:4.5rem;font-weight:bolder}.break-control{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:xx-large}#break-label{margin:10px 0}.session-control{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:xx-large}#session-label{margin:10px 0}.length-control{display:flex;flex-direction:row;gap:5rem}.btn-level{text-align:center;font-size:medium;font-weight:700;background-color:#500397;border:0;color:#fff;width:40px;height:30px;border-radius:5px}h1{margin:5px 0;font-size:3rem}.btn-level:hover{cursor:pointer;background-color:#670bbd}.timer-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:30px;text-align:center;border:5px solid white;border-radius:20px;width:250px;height:120px}#timer-label{font-size:1.5rem}.start{border-radius:5px;background-color:gold;border:0;width:80px;height:30px;margin:0 10px}.start:hover{cursor:pointer;background-color:#ffe75d}.reset{color:#fff;border-radius:5px;background-color:#ff0000b3;border:0;width:80px;height:30px;margin:0 10px}.reset:hover{cursor:pointer;background-color:#f83737b3}