@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@800&family=Poppins:wght@400;600;700&display=swap);*{margin:0;padding:0}body{background-color:#59c3c3}.main-header{background:#eeaeca;background:linear-gradient(90deg,#eeaeca,#94bbe9);padding:.2rem 0;position:fixed;top:0;width:100vw}.main-header .container .header-text{display:flex}.main-header .container .header-text span:before{content:"<charliecatxph/> ";font-family:Orbitron,sans-serif;font-size:12px;-webkit-user-select:none;user-select:none}.main-header .container .header-text p{margin:0;-webkit-user-select:none;user-select:none}.main-header .container .header-text p:after{content:" | Pomodoro Clock | Front-End Libraries V, freeCodeCamp.org";font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.main-clock-body{background-color:hsla(0,0%,92%,.5);border:1px solid #000;border-radius:5px;display:block;font-family:Poppins,sans-serif;margin:4rem auto 0;max-width:900px;min-height:600px;padding:2rem}.main-clock-body .container .title{display:flex;justify-content:center;width:100%}.main-clock-body .container .title .clock-title h1{font-weight:700;text-align:center;-webkit-user-select:none;user-select:none}.main-clock-body .container .title .clock-title span{display:block;text-align:center;-webkit-user-select:none;user-select:none}.main-clock-body .container .lcd-screen .main-lcd-screen{background-color:#000;border-radius:5px;margin-top:.5rem;padding:1rem;width:100%}.main-clock-body .container .lcd-screen .main-lcd-screen span{color:#2ecc71;display:block;font-family:monospace;text-align:center;-webkit-user-select:none;user-select:none}.main-clock-body .container .clock-settings{display:flex;justify-content:space-around;margin-top:1rem}.main-clock-body .container .clock-settings .set-child{display:flex;flex-direction:column;justify-content:space-between;min-height:200px;min-width:200px;width:40%}.main-clock-body .container .clock-settings .set-child .progress{height:20px}.main-clock-body .container .clock-settings .set-child .progress .sesh-prog{background-color:#4141ff;-webkit-user-select:none;user-select:none}.main-clock-body .container .clock-settings .set-child .progress .break-prog{background-color:#25b662;-webkit-user-select:none;user-select:none}.main-clock-body .container .clock-settings .timer-title h2{display:block;text-align:center;-webkit-user-select:none;user-select:none}.main-clock-body .container .clock-settings .setting-buttons{justify-content:space-around}.main-clock-body .container .clock-settings .setting-buttons span{-webkit-user-select:none;user-select:none}.main-clock-body .container .clock-settings .setting-info em{display:block;text-align:center;-webkit-user-select:none;user-select:none}.main-clock-body .container .clock-settings .setting-name-input{display:flex;height:20px;justify-content:center}.main-clock-body .container .clock-settings .setting-name-input input{border:none;border-radius:5px;text-indent:5px}.main-clock-body .container .clock-settings .setting-buttons{align-items:center;display:flex}.main-clock-body .container .clock-settings .setting-buttons i{font-size:30px}.main-clock-body .container .clock-settings .setting-buttons .current-minutes{font-size:40px}.main-clock-body .container .clock-settings .main-timer{padding:0 3rem}.main-clock-body .container .clock-settings .main-timer .timer-time{display:block;font-size:50px;text-align:center;-webkit-user-select:none;user-select:none}.main-clock-body .container .start-pomodoro-timer{margin-top:2rem;width:100%}.main-clock-body .container .start-pomodoro-timer .buttons{display:flex;justify-content:center;width:100%}.main-clock-body .container .start-pomodoro-timer .buttons button{margin:0 1rem;padding:.5rem 2rem}.main-doc{height:100vh;width:100vw}.main-doc .main-404{align-items:center;display:flex;height:100%;justify-content:center}.main-doc .main-404 .container .wrap-text{background:#fff;border:1px solid #000;border-radius:5px;box-shadow:3px 3px 0 3px #ffaebc,6px 6px 0 3px rgba(154,223,221,.5);font-family:Poppins,sans-serif;max-width:300px;padding:2rem}.main-doc .main-404 .container span{display:block;font-family:Orbitron,sans-serif;font-size:12px;margin-top:2rem;text-align:center}@media only screen and (max-width:300px){body{background-color:#000!important}.main{display:none!important}}@media only screen and (max-width:490px){.header-text span:before{content:"<charliecatxph/>"!important}.header-text p:after{content:""!important}}@media only screen and (max-width:830px){.header-text,.main{justify-content:center}.main{display:flex}.main .main-clock-body{margin:2rem .5rem 0;max-width:800px;width:100vw}.main .main-clock-body .container .clock-settings{flex-direction:column}.main .main-clock-body .container .clock-settings .set-child{margin:0 auto;max-width:400px;width:100%}.main .main-clock-body .container .clock-settings .set-child .setting-name-input input{display:block;height:40px;width:100%}.main .main-clock-body .container .clock-settings .main-timer{padding:2rem 0 0}.main .main-clock-body .container .clock-settings .set-break-settings{padding-top:2rem}}
/*# sourceMappingURL=main.74d0ad90.css.map*/