@import url(https://fonts.googleapis.com/css?family=Michroma);@import url(https://fonts.googleapis.com/css?family=Exo+2);@import url(https://fonts.googleapis.com/css?family=Geo);@import url(https://fonts.googleapis.com/css?family=Rubik);body,html{margin:auto}#root,body,html{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Rubik,sans-serif;font-weight:600;font-size:18px;color:#595d5e}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}h1{font-size:50px;color:rgba(61,181,255,.749)}h1,h2{margin:0}button{font-family:Rubik,sans-serif;border:none;border-radius:5px;padding:8px 15px;font-size:15px;background-color:rgba(61,181,255,.749)}input{border-radius:5px;border:1px solid #aaafb0;padding:5px 10px;margin:5px;font-size:16px}a{text-decoration:none;color:grey}a:hover{color:#000}#home-page{display:flex;flex-direction:column;justify-content:space-around;align-items:center}.button-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-around;min-height:100px}.home-button{background-color:#bcdaf0;padding:5px 15px;border-radius:5px;cursor:pointer}#login-form,.login-page{display:flex;flex-direction:column;align-items:center}#login-form{margin:10px 0}.invalid-feedback{height:15px;font-size:12px;color:red}.form-control{height:20px}#login-form label{margin:5px 0;display:flex;flex-direction:column;align-items:center}#login-pass{margin-bottom:10px}.form-group{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:auto}.submit-button{cursor:pointer;font-family:Rubik,sans-serif;border:none;border-radius:5px;padding:8px 15px;font-size:15px;background-color:rgba(61,181,255,.749);margin-top:10px}#register-form,#register-page{display:flex;flex-direction:column;align-items:center}#register-form{margin:10px 0}#register-form label{margin:5px 0}#register-form label,.flex-column{display:flex;flex-direction:column;align-items:center}#welcome-title h2{margin:0;padding:0}#welcome-options{display:flex;align-items:center;justify-content:space-around;min-width:320px}#welcome-options button{font-size:22px}#welcome-options a{color:#fff}.welcome-button{color:#fff;cursor:pointer}#navbar{width:100vw;margin-bottom:30px}#navbar,.nav-box{display:flex;align-items:center}.nav-box{flex:1 1;justify-content:center}#nav-box-left{width:100%;display:flex;justify-content:flex-start;padding-left:20px}.nav-box-left-buttons{width:220px;display:flex;justify-content:space-between}#nav-box-right{width:100%;display:flex;justify-content:flex-end;padding-right:20px}.nav-box-right-buttons{width:140px;display:flex;justify-content:space-between}.nav-box-right-buttons .logged-in{width:140px;display:flex;justify-content:flex-end}#navbar:first-child{margin-right:auto}#nav-logo{cursor:pointer}#navbar:last-child{margin-left:auto}.button{color:grey;cursor:pointer}.button:hover{color:#000}#nav-box-right-mobile{display:none;position:relative}@media only screen and (max-width:800px){#nav-right{justify-content:flex-end}#nav-box-left,#nav-box-right{display:none}#nav-box-right-mobile{display:flex;justify-content:flex-end}}#mobile-hamburger{display:flex;justify-content:flex-end;align-items:center;margin-right:30px}.fas.fa-stopwatch{color:#da3c3c}.far.fa-clock{color:#76bb7b}.far.fa-user{color:rgba(61,181,255,.749)}.fas.fa-sign-out-alt,.fas.fa-user-plus{color:rgba(61,181,255,.749);overflow:visible}#multi-wrapper{display:flex;flex-direction:column;align-items:center}.timers-container{display:inline-grid;grid-template-columns:50% 50%;width:800px;margin:20px;overflow:visible}.add-timer-button{border-radius:5px;background-color:#6495ed;padding:5px 15px;color:#fff;cursor:pointer;max-width:110px;text-align:center}@media only screen and (max-width:800px){.timers-container{grid-template-columns:100%;width:100%;margin:20px auto auto}}.timer{justify-self:center;justify-content:space-around;background-color:#cadcd1;width:330px;height:280px;border-radius:5px;padding:15px 10px;margin:10px auto;box-shadow:0 10px 15px #e6dddd;overflow:visible}.timer,.timer-input-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.timer-input-placeholder{position:absolute;top:33%;font-size:40px;font-family:Geo,sans-serif;font-weight:400;color:#000;pointer-events:none;background-color:#fff;z-index:1}.timer-buttons{display:flex;justify-content:space-around;width:240px}.timer-counter{font-family:Geo,sans-serif;color:#f5f7ff;display:flex;justify-content:center;align-items:center;background-color:#2e3d4b;font-size:60px;padding:10px;width:220px;height:70px;border-radius:5px}.timer-buttons-and-inputs{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:130px;width:100%}.timer-button{background-color:#e1bcca;padding:10px;cursor:pointer;border-radius:5px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.timer-button:hover{color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.length-input-label{display:flex;flex-direction:column;align-items:center;font-size:14px;color:#1f1e22}.length-input-wrapper{display:flex;justify-content:space-around;width:130px}.length-input{font-size:40px;font-family:Geo,sans-serif;text-align:center;border-radius:5px;width:69px;height:50px;border:none;margin:3px;padding:3px;outline:none}#remove-timer-button{cursor:pointer;position:absolute;font-size:20px;color:#ebfce9;left:320px;top:10px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#remove-timer-button:hover{color:#ff767c;-webkit-transform:scale(1.05);transform:scale(1.05)}.timer-name-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.timer-name-label{position:absolute;cursor:auto}.timer-name,.timer-name-label{text-align:center;font-size:21px;font-weight:600;font-family:Rubik,sans-serif}.timer-name{background-color:initial;border:none;color:rgba(2,33,48,.769);margin:0;padding:0;outline:none}.invalid-timer-input{display:none;position:absolute;background:#ff767c;color:#fff;font-size:16px;z-index:1;top:63px;width:250px;padding:15px 10px;border-radius:3px;text-align:center;box-shadow:0 5px 20px #554c4c}.timer.pom{position:relative;height:300px;width:380px;background-color:#c93c3c}.timer.pom .timer-name-label{color:#fff}.timer.pom .timer-counter{background-color:#550606}.timer.pom .timer-button{background-color:#6d3141;color:pink}.timer.pom .timer-button:hover{color:#fff}.timer.pom.break{background-color:rgba(60,138,198,.783)}.timer.pom.break .timer-counter{background-color:#050543}.timer.pom.break .timer-button{background-color:#374396;color:#fff}.timer.pom h3{font-size:20px;padding:0;margin:0;color:#7d2231}.pom-input-container{display:flex;align-items:center;justify-content:space-around}.pom-inputs{width:115px}.break-inputs,.pom-inputs{display:flex;flex-direction:column;justify-content:space-around;align-items:center}.break-inputs{width:120px}.timer.pom .break-inputs h2{text-align:center}.timer.pom .invalid-timer-input{top:65px}@media only screen and (max-width:800px){.timer{height:255px}.timer,.timer.pom{margin:10px auto;width:300px}.timer.pom{height:280px}.pom-inputs{width:90px}.break-inputs{width:100px}.timer.pom h3{font-size:16px}#remove-timer-button{left:90%;top:10px}.timer-counter{width:210px;height:60px;font-size:57px}}#alert-wrapper{display:none}.alert-dialog-box{font-family:Rubik,sans-serif;text-align:center;color:#000}.alert-dialog-title-break{color:rgba(60,138,198,.783);font-family:Rubik,sans-serif}.alert-dialog-title{color:#9a1639;font-family:Rubik,sans-serif}#pomodoro{width:100%;display:flex;justify-content:center}
/*# sourceMappingURL=main.e53cc068.chunk.css.map */