@import url(https://fonts.googleapis.com/css?family=Roboto);html{font-size:62.5%;background-color:#100e17}html .container{margin:auto;width:954px;font-size:1.6rem;font-family:Roboto,sans-serif;color:#fff}html .container h2{font-size:8rem;text-align:center}html .container .form{display:flex;justify-content:space-between;margin-bottom:40px}html .container .form .inputField{width:80%;height:90px;border-radius:10px;box-sizing:border-box;font-size:5rem;padding:0 20px}html .container .form .addBtn{background-color:#ff8c00;width:20%;height:94px;border:none;font-size:5rem;color:#fff;margin-left:20px;border-radius:10px}html .container .todolist .item,html .container .todolist .itemCompleted{display:flex;justify-content:center;align-items:center;margin:20px 0;font-size:4rem;padding:1%;height:100px;border-radius:10px;background-color:#2e8b57;vertical-align:middle}html .container .todolist .itemCompleted{text-decoration:line-through}html .container .todolist .clearBtn{margin-top:20px;font-size:4rem;width:37%;height:94px;background-color:#8b0000;border-radius:10px;border:none;color:#fff}@media (max-width:960px){html .container{width:100%}html .container .form{flex-wrap:wrap}html .container .form .inputField{width:100%}html .container .form .addBtn{margin-left:0;margin-top:10px;width:100%;height:75px}html .container .todolist .item,html .container .todolist .itemCompleted{height:5%}html .container .todolist .clearBtn{width:100%;height:75px}}@media (max-width:480px){html .container h2{font-size:5.75rem}}
/*# sourceMappingURL=main.b2402d8b.chunk.css.map */