@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap);:root{--primary-color:#435fe9;--secondary-color:#f5f5f5;--tertiary-color:#000;--primary-font:"Montserrat",sans-serif}*{box-sizing:border-box;font-family:Montserrat,sans-serif;font-family:var(--primary-font);margin:0;padding:0}body{background-color:#435fe9;background-color:var(--primary-color);color:#f5f5f5}.homepage-header,body{color:var(--secondary-color)}.homepage-header{margin-left:25%;margin-top:5rem;width:50%}.homepage-header p{font-weight:700;margin-top:1rem}.Tasks{background-color:var(--secondary-color);border-radius:.5rem;color:var(--tertiary-color);margin:5% 25%;padding:2rem;width:50%}.Tasks .tasks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:3rem}.Tasks .tasks-header span{align-items:center;background-color:var(--primary-color);border-radius:100%;color:var(--secondary-color);cursor:pointer;display:flex;font-size:1.5rem;height:1.5rem;justify-content:center;width:1.5rem}.Tasks .tasks-body{gap:1.5rem}.Tasks .tasks-body,form{display:flex;flex-direction:column}form{align-items:flex-start;gap:1rem}form input,form textarea{outline:none;padding:.5rem;width:100%}form textarea{height:6rem;resize:none}form .btn-group{display:flex;justify-content:space-between;width:100%}form .btn-group button{background-color:var(--primary-color);border:none;border-radius:2px;color:var(--primary-bg);font-size:.9rem;height:2rem;outline:none;width:4rem}.btn-disabled{cursor:not-allowed}.btn-active{cursor:pointer}.Task{display:flex;justify-content:space-between}.Task>:not(div){color:var(--tertiary-color);text-decoration:none}.Task .task-icons-group{align-items:center;display:flex;gap:1rem}.Task .task-icons-group>*{cursor:pointer}.task-icons-group input{accent-color:var(--primary-color)}.task-complete{text-decoration:line-through}.task-section{background-color:var(--secondary-color);border-radius:.5rem;color:var(--tertiary-color);display:flex;justify-content:space-around;margin:10% 20%;padding:4rem 2rem;width:60%}.task-section .task-description{line-height:1.5rem;margin:2rem auto}.task-section .task-details{width:60%}@media screen and (max-width:900px){.task-section{margin:10%;width:80%}}@media screen and (max-width:630px){.task-section{gap:1.5rem}}@media screen and (max-width:500px){.task-section{margin:10% 5%;width:90%}}.Pomodoro{align-items:center;color:var(--secondary-color);display:flex;flex-direction:column;gap:2rem}.Pomodoro .pomodoro-button-group{display:flex;gap:1rem}.Pomodoro button{background-color:var(--primary-color);border:none;border-radius:2px;color:var(--secondary-color);cursor:pointer;font-size:1.25rem;padding:.5rem 1.5rem}.Pomodoro span{font-size:1rem}.Pomodoro .timer{align-items:center;display:flex;flex-direction:column;font-weight:700;gap:2rem;justify-content:center}.Pomodoro .timer h3{color:var(--tertiary-color);font-size:1.2rem;text-align:center}.Pomodoro .timer .pomodoro-clock{align-items:center;border:.5rem solid var(--primary-color);border-radius:100%;color:var(--primary-color);display:flex;font-size:2rem;height:11rem;justify-content:center;width:11rem}.pomodoro-clock span{margin-top:.725rem}.pomodoro-clock span:nth-child(2){font-size:1.25rem;margin:0 .25rem}@media screen and (max-width:1450px){.Pomodoro{border-right:1px solid var(--border-color)}}@media screen and (max-width:630px){.Pomodoro{gap:2rem}.Pomodoro .pomodoro-button-group{flex-direction:column}.Pomodoro .pomodoro-button-group button{flex-direction:column;font-size:1rem}.Pomodoro .timer .pomodoro-clock{border:.3rem solid var(--primary-color);font-size:1.5rem;height:8rem;width:8rem}.pomodoro-clock span{margin-top:.325rem}}.Empty{align-items:center;display:flex;flex-direction:column;margin-top:25vh}.Empty img{height:20rem;margin-bottom:5rem;width:35rem}.Empty h3{font-size:1.75rem}@media screen and (max-width:700px){.Empty img{height:16rem;width:28rem}}@media screen and (max-width:540px){.Empty img{height:12rem;width:21rem}.Empty h3{font-size:1.5rem}}@media screen and (max-width:430px){.Empty{margin-top:35vh}.Empty img{height:8rem;width:14rem}.Empty h3{font-size:1.25rem}}@media screen and (max-width:335px){.Empty h3{font-size:1rem}}
/*# sourceMappingURL=main.ea721b42.css.map*/