@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;font-family:Space Grotesk,sans-serif}a{text-decoration:none}body{margin:0;padding:0}.navbar{background-color:#f1f7ee;border-bottom:1px solid #ddd;height:10vh;justify-content:space-between;padding:20px;width:100%}.form__input,.navbar{align-items:center;display:flex}.form__input{justify-content:center;min-height:20vh}.input{margin:0 5px;padding:10px 15px;width:50%}.addTodoBtn{background-color:#367e18;border:none;color:#fff;cursor:pointer;height:43px;outline:none;padding:10px;width:150px}.container{align-items:center;display:flex;justify-content:space-between;min-height:100%;padding:10px;width:100%}.completed__wrapper,.ongoing__wrapper,.pending__wrapper{display:flex;flex-direction:column;min-height:60vh;padding:5px;width:32%}.completed__wrapper>h3,.ongoing__wrapper>h3,.pending__wrapper>h3{text-align:center;text-transform:capitalize}.pending__items{background-color:#eee3cb}.ongoing__items{background-color:#d2daff}.completed__items{background-color:#7fb77e}.completed__container,.ongoing__container,.pending__container{border:1px solid #ddd;border-radius:5px;display:flex;flex-direction:column;min-height:55vh;padding:10px;width:100%}.completed__items,.ongoing__items,.pending__items{border-radius:5px;margin-bottom:10px;padding:15px;width:100%}.comment{color:#5555c7;cursor:pointer;font-size:14px;text-align:right}.comment:hover{text-decoration:underline}.comments__container{padding:20px}.comment__form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:30px;width:100%}.comment__form>label{margin-bottom:15px}.comment__form textarea{margin-bottom:15px;padding:15px;width:80%}.commentBtn{background-color:#367e18;border:none;color:#fff;cursor:pointer;height:45px;outline:none;padding:10px;width:200px}.comments__section,.login__form{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.login__form{height:100vh}.login__form>label{margin-bottom:15px}.login__form>input{margin-bottom:15px;padding:10px 15px;width:70%}.login__form>button{background-color:#367e18;border:none;color:#fff;cursor:pointer;font-size:16px;outline:none;padding:15px;width:200px}
/*# sourceMappingURL=main.b3118c1a.css.map*/