body{min-height:100vh;text-align:center}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{display:block}#root{margin:0 auto;padding:1rem;text-align:center;--fc-event-border-color: none}.button-logout{display:flex;margin-left:auto;margin-bottom:1rem}.app-container{display:grid;grid-template-columns:1fr;grid-template-rows:586px 200px;gap:10px}.calendar-container{display:grid;grid-column:1;grid-row:1;position:relative;grid-template-columns:2fr 1fr;grid-template-rows:1fr}.calendar-container.close{display:grid;width:100%;height:100%;grid-template-columns:1fr 0px;grid-template-rows:1fr;transition:grid-template-columns .2s ease-in-out}.calendar-days-section{z-index:40;grid-column:1;grid-row:1;margin:0}.fc-event-title-container{border:none;color:#000;background-color:#fff}.fc-daygrid-body{width:100%!important}.datedoc-section{display:flex;z-index:10;grid-column:2;grid-row:1;width:100%;height:100%;margin:0 5px 0 0;padding:0;transform:translate(5%);transition:transform .4s ease-in-out}.datedoc-section.close{display:none;z-index:30;grid-column:2}.pomodoro-container{z-index:20;display:grid;grid-column:1;grid-row:2;grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:auto}.timer-section{grid-column:1;grid-row:1 / 3;margin-left:0;margin-right:1rem;padding:1rem}.gragh-section{grid-column:2;grid-row:1 / 3}.signup-container{display:flex;flex-direction:column}.note{display:block;text-align:center;align-items:center;margin:2rem 0}.signup-form{display:flex;flex-direction:column;align-items:center}.email,.password{margin-bottom:.5rem}.button-signup{display:flex;height:2rem;align-items:center;margin:1rem auto;color:#fff;background-color:#464fe5}.timer-container{display:grid;grid-template-columns:4fr 3fr;grid-template-rows:15% 60% 1fr}.selected-subtask{display:flex;width:auto;margin:0 auto;align-items:center}.selected-subtask-name{grid-column:1;grid-row:1;margin-right:10px;font-size:20px}.selected-subtask-totalTime{grid-column:1;grid-row:1;font-size:20px}.timer-display{display:flex;grid-column:1;grid-row:2;font-size:80px;font-weight:700;color:#2c2c2c;text-align:center;padding:0;width:100%;height:90%;justify-content:center;align-items:center}.timer-button{grid-column:1;grid-row:3;height:-webkit-fill-available;height:stretch;width:-webkit-fill-available;width:-moz-available;width:stretch;margin:0 auto;padding:0 10%}.timer-button button{font-size:18px;margin:1px;border:2px solid #2b2a2a;width:30%;height:70%}.day-tasks{display:block;grid-column:2;grid-row:1;height:20px;align-items:center;text-align:left}.add-task{display:flex;align-items:center}.add-task button{height:auto;margin-right:5px;padding:0 5px;border:none;color:#5a5a5a}.add-task input{margin-top:5px;border:none}.sub-tasks{display:flex;flex-direction:column;margin-left:10px}.sub-task-buttons{display:grid;grid-template-columns:4fr 2fr 1fr;grid-template-rows:1fr;width:100%;height:auto;margin:.5rem 0 .1rem}.sub-task-items{grid-column:1;grid-row:1;text-align:left;border:none;color:#5a5a5a}.sub-task-totaltime{text-align:right}.delete-subtask{border:none}.input-app-container{display:block;width:100%;height:50%;margin:0 0 0 20px}.input-top-container{display:flex;width:100%;height:auto;margin:0 auto;padding-bottom:10px;border-bottom:.5px solid #868686;font-size:18px;align-items:center;justify-content:space-between}.input-top-button{margin-right:5px}button{height:60%;margin:0 0 0 5px;padding:0 10px;border:.5px solid #888888;font-size:18px}.textarea-container{display:flex;flex-direction:column;height:auto;font-size:16px;font-family:Arial,Helvetica,sans-serif}.title{width:95%;height:auto;text-align:left;font-family:inherit;font-size:22px;font-weight:700;color:#242424;border:none;margin:10px 0}.input-textarea{width:95%;height:300px;margin:0 auto;border:1px #3b3b3b;font-size:inherit;font-family:inherit;color:#252525}