@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.header{display:flex;justify-content:space-between;padding:0rem 3rem;background-color:#343334;position:sticky;top:0;color:#fff}.header>div>a{text-transform:uppercase;color:#fff;font-weight:500}.header>article{display:flex;align-items:center}.header>article>a{text-transform:uppercase;color:#fff;padding:0 3rem;font-weight:200}.header>article>a:hover{background-color:#fff;color:#343334;font-weight:400}.header>article>.btn{height:100%;border:none}.home-container{margin:5rem auto;flex-direction:column;display:flex;justify-content:center;gap:3rem;align-items:center;max-width:500px;width:80%}.task-form{display:flex;padding:3rem;background-color:#fff;width:100%;flex-direction:column;gap:3rem}.task-form>input{border:none;outline:none;border:1px solid #dddada;color:#343334;padding:1rem;font-weight:400}.task-form>.btn{align-self:center;width:40%;letter-spacing:3px;padding:1.2rem 0;font-size:1rem;font-weight:200}.task{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 3rem;background-color:#fff;width:100%}.task-details{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem;font-size:1.5rem;text-transform:capitalize}.task-details>p{font-size:1.2rem}.task-updater{display:flex;align-items:center;gap:2rem}.task>div>input{width:2rem;height:2rem}.task>div>.btn{letter-spacing:3px;padding:1rem 3rem;font-size:1rem;font-weight:200}.profile{height:100vh;display:flex;justify-content:center;align-items:center}.profile>.task-form{max-width:400px;width:70%}.profile>.task-form>div{display:flex;justify-content:flex-start}.profile>.task-form>div>h3{width:50%}.profile>.task-form>div>span{width:50%}.login{display:flex;flex-direction:column;margin-top:5rem;gap:2rem}.login>span{text-align:center;font-size:3rem;font-weight:500;color:#343334;text-transform:uppercase}.login>section{margin-bottom:5rem}.login>section>form{display:flex;flex-direction:column;margin:auto;gap:1rem;max-width:400px;width:90%;text-align:center}.login>section>form>input{border:none;border-radius:3px;outline:none;background-color:#fff;color:#343334;padding:1rem;margin:1rem 0rem;font-weight:400}.login>section>form>.btn{margin-top:1rem;padding:.7rem;font-size:1.6rem}.login>section>form>span{font-size:1.3rem;font-weight:300}.login>section>form>a{font-weight:400;width:fit-content;align-self:center;font-size:1.3rem}.login>section>form>a:hover{text-decoration:underline}*{padding:0;margin:0;text-decoration:none;color:#343334}html{font-family:Poppins,sans-serif;font-size:62.5%}body{font-size:1.6rem;font-weight:300;background-color:#dddada}.btn{border:none;background-color:#343334;text-transform:uppercase;color:#fff;padding:0 3rem;font-weight:200;font-size:1.6rem}.btn>div{justify-content:center;align-items:center}.btn:hover{background-color:#fff;color:#343334;font-weight:400;border:1px solid #343334}