*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica,Arial,sans-serif;background-color:#333;color:#fff}.pomodoro_container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.pomodoro{width:480px;height:auto;background-color:#b3b3b32c;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:24px;padding-bottom:24px;border-radius:12px}.timer{font-size:8em;margin:12px}.play_button{background-color:#fff;border:none;color:#333;padding:12px 24px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;font-size:2em;border-radius:12px}.timer_options{display:flex}.timer_option,.lock-in-banner{background-color:transparent;border:none;padding:6px;font-size:1.2em;color:#fff}.timer_option{cursor:pointer}.active{background-color:#333;border-radius:6px}.brown_noise_button{height:120px;width:120px;border-radius:100%;margin-top:16px;padding:24px;background-color:#fff;border:none;display:flex;justify-content:center;cursor:pointer}#play{margin-left:10px;padding:8px}