@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Raleway:wght@200;300;400&display=swap);ul{margin:0}.flex{display:flex}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.justify-content-center{justify-content:center}.justify-content-space-bet{justify-content:space-between}.gap-1{gap:1rem}.bg-primary{background-color:var(--primary-light)}.bg-white{background-color:#fff}.bg-dark{background-color:#373f51}.bg-light-green{background-color:#84e296}.bg-red{background-color:#f50035}.bg-gray{background-color:#cee0dc}.bg-blue{background-color:#5762d5}.bg-light-blue{background-color:#81c4ee}.text-primary{color:var(--primary-light)}.text-white{color:var(--text-white)}.text-light{color:var(--text-light)}.text-dark{color:var(--text-dark)}.text-black{color:var(--text-black)}.text-gray{color:var(--gray-dark)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-right{text-align:right}.text-left{text-align:left}.text-xs{font-size:12px}.text-s{font-size:20px}.btn{border-radius:5rem;cursor:pointer}.btn-round{border-radius:50%;padding:12px}.btn-float{height:4rem;width:4rem}.btn-gradient{background:#fd8e26;background:linear-gradient(0deg,#fd8e26,#fc225c);background:-webkit-linear-gradient(0deg,#fd8e26,#fc225c);border:none}.card-shadow{box-shadow:0 4px 12px rgba(0,0,0,.1)}.pointer{cursor:pointer}.border-transparent{border:transparent}:root{--text-white:#fff;--text-light:#fff;--text-black:#000;--text-dark:#143109;--gray-light:#c5c5c5;--gray:gray}.dark-text{--text-light:#373f51}.light-green-text{--text-light:#84e296}.red-text{--text-light:#f50035}.gray-text{--text-light:#cee0dc}.blue-text{--text-light:#5762d5}.light-blue-text{--text-light:#81c4ee}.cover-img{height:100vh;position:fixed;width:100vw;z-index:-1}.img-details{bottom:2%;left:3%;max-width:25%;position:fixed}.timer{font-size:6rem}.user-input{background:transparent;border:transparent;border-bottom:.5px solid var(--text-light);color:var(--text-light);display:block;outline:transparent;width:50%}.task-container{display:flex;justify-content:space-between;width:100%}.task-input{padding-bottom:8px;padding-top:8px;width:70%}.edit-input,.task-input{background:hsla(0,0%,52%,.5);border:none;outline:transparent}.edit-input{color:var(--text-light)}.weather-container{display:flex;gap:1rem;position:fixed;right:1%;top:1%}.quote-container{bottom:2%;left:50%;max-width:70%;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.todo-wrapper{bottom:2%;position:fixed;right:1%}.todo-container{bottom:100%;position:absolute;right:100%;width:20rem}.todo-container,.todo-input{background:rgba(47,47,47,.5)}.todo-input{border:none;color:var(--text-light);outline:transparent;width:80%}.list-item{width:80%}.sidebar-wrapper{left:1%;position:fixed;top:1%}.sidebar-container{background:rgba(47,47,47,.5);width:23rem;z-index:3}.outline-white{border:1px solid var(--text-light);color:var(--text-light)}.main-container{background-color:hsla(0,0%,100%,.15);height:85%;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:85%}.onboarding-container{left:50%;position:fixed;text-align:center;top:10%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60%}.download-container{align-items:center;background-color:rgba(0,0,0,.7);color:#fff;cursor:pointer;display:flex;gap:8px;margin:4px;padding:4px 8px;position:fixed;right:0;transition:.3s}.download-container:hover{background-color:hsla(0,0%,100%,.9);color:#000;transition:.3s}body{font-family:Raleway,sans-serif;height:100%;margin:0;width:100%}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.966a32a9.css.map*/