@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);body{background-image:linear-gradient(60deg,#64b3f4,#c2e59c);font-family:Roboto,sans-serif}.title{text-align:center}.container{display:grid;grid-template-columns:40% 60%}.task-form{background-color:#fff;border:5px;display:block;margin-left:10%;margin-top:10%;text-align:center;width:300px}.input{border-radius:5px;display:flex;margin:3rem;outline:none;padding:8px}.button{margin:25px}.main-container{display:block;margin:auto;max-width:600px;padding:5px;width:95%}.table-fill{background:#fff;border-collapse:collapse;margin:auto;max-width:600px;text-align:left;width:100%}td,th{padding:10px}thead{background-color:#246355;color:#fff}tr:nth-child(2n){background-color:#ddd}button{color:green}@media only screen and (max-width:768px){.task-form{width:95%}}@media only screen and (max-width:1024px){.body{height:100vh}.container{display:block}.task-form{display:flex;margin:auto auto 20px;max-width:600px;width:95%}.task-form,form{text-align:center}form{margin:auto}}@media only screen and (max-width:768){.task-form{width:95%}}
/*# sourceMappingURL=main.0a4b0b5b.css.map*/