@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;700&display=swap);html{box-sizing:border-box;height:100%;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit;margin:0;padding:0}img{vertical-align:middle}body{background-color:#181b26;color:#fff;font-size:16px;font-weight:500}a,body,input,textarea{font-family:Nunito,sans-serif}a{display:inline-block}li,ul{list-style:none}.container{align-items:flex-start;display:flex;height:100vh;width:100%}nav{background-color:#11131b;box-shadow:6px 2px 16px 0 rgba(10,16,22,.48);flex:1 1;max-width:300px;width:100%}main,nav{height:100%}main{flex:2 1;overflow-y:auto;padding:20px}aside{background-color:#11131b;box-shadow:-2px 2px 16px 0 rgba(10,16,22,.48);flex:1 1;height:100%;max-width:300px;width:100%}.nav{display:flex;flex-direction:column;padding:15px}.user{border-bottom:2px solid #6eb9fc;padding-bottom:15px}.user__container{align-items:center;background-color:hsla(0,0%,100%,.2);border-radius:14px;display:flex;gap:10px;padding:10px}.user__icon{border-radius:50%;height:40px;width:40px}.user__fullname{font-size:18px;font-weight:600}.todo{display:flex;flex-direction:column;margin:0 auto;padding:0 30px;width:100%}.heading-1{font-size:44px;text-align:center}.heading-2{align-items:center;display:flex;font-size:24px;gap:10px}.add__container{display:flex;gap:20px}.add__input{background-color:initial;border:2px solid #6eb9fc;border-radius:10px;color:#fff;flex:1 1;font-size:18px;outline:none;padding:10px 20px;transition:all .3s ease}.add__input:focus{box-shadow:0 0 15px 5px rgba(112,192,202,.15)}.add__btn{background-color:initial;border:2px solid #6eb9fc;border-radius:10px;color:#6eb9fc;cursor:pointer;font-size:20px;height:50px;text-align:center;transition:all .3s ease;width:50px}.add__btn:hover{background-color:#6eb9fc;color:#fff}.todos__wrapper{margin-top:30px}.todo__list{margin-top:10px}.todo__item{align-items:center;background-color:hsla(0,0%,100%,.2);border-radius:10px;display:flex;font-size:18px;gap:10px;margin-bottom:15px;padding:10px 15px}.todo__btns>svg,.todo__item span>svg{color:#6eb9fc;cursor:pointer;height:20px;width:20px}.todo__btns{align-items:center;display:flex;gap:10px;margin-left:auto}.completed{opacity:.6;text-decoration:line-through}.todo__description{font-weight:600}.todo__date{font-size:14px;opacity:.6}.status{align-items:center;border:1px solid #6eb9fc;border-radius:50%;color:#fff;display:flex;font-size:15px;font-weight:600;height:25px;justify-content:center;width:25px}.status--non-completed{background-color:#ad3838}.status--completed{background-color:#4c994c}.todos__title{border-bottom:2px solid #6eb9fc;margin-bottom:20px;padding-bottom:10px}.aside{padding:15px}.aside__heading{margin-bottom:20px}.menu__list{align-items:flex-start;display:flex;flex-direction:column;gap:20px;margin-top:20px}.menu__item{width:100%}.menu__item a{align-items:center;border:1px solid #93cdff;border-radius:14px;color:#93cdff;display:flex;font-size:20px;font-weight:600;gap:10px;padding:15px 20px;transition:all .3s ease;width:100%}.menu__item a:hover{background-color:#444750}.logout-btn{background-color:initial;border:1px solid #b6b6b6;border-radius:10px;color:#93cdff;cursor:pointer;display:inline-block;font-size:18px;font-weight:600;margin-top:auto;padding:15px 20px;transition:all .3s ease}.logout-btn:hover{background-color:#444750}.soon{font-size:40px;height:100%}.error,.soon{align-items:center;display:flex;justify-content:center}.error{font-size:50px;height:100vh;margin:auto;width:100%}.home{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.home__heading{font-size:50px;font-weight:600}.home__description{font-size:20px;font-weight:500}.signin{flex-direction:column;gap:20px;height:100%}.signin,.signin-btn{align-items:center;display:flex}.signin-btn{cursor:pointer;font-size:20px;gap:10px;padding:10px}@font-face{font-family:Digital-7;src:url(/static/media/digital-7.ae951a188b593952b384.ttf) format("truetype")}.clock{background:#0d1621;border-radius:10px;flex-direction:column;margin:10px;overflow:hidden;padding:20px 20px 5px}.calendar,.clock{align-items:center;display:flex}.calendar{font-size:2rem;gap:33px;justify-content:center;padding:10px 10px 0}.calendar,.row{flex-direction:row}.row{display:flex;gap:10px}.countdown,.hour{font-size:7rem}.hour{flex:1 1;margin:0;padding:0;top:0}.ampm{align-self:flex-end;display:flex;font-size:2.5rem;gap:10px;margin-bottom:25px}.digital{display:inline-block;font-family:Digital-7;position:relative}.digital :first-child{color:#242a32;position:absolute;width:100%}.digital :last-child{color:#ebebeb;position:relative}.digital p{margin:0}.fa{margin-left:15px}.fa,a{font-size:1.1rem}a{text-decoration:none}.message{background:#da9090;border:2px solid #ff7300;border-radius:5px;font-family:monospace,Arial,Helvetica,sans-serif;font-size:1.5rem;margin:10px;padding:10px;text-align:center}@media (max-width:770px){.ampm,.calendar{font-size:.7rem}.hour{font-size:4rem}.clock{padding:5px}.countdown{font-size:4rem}}
/*# sourceMappingURL=main.155c5e2e.css.map*/