html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{display:flex;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden;padding:10px;width:100%}.container{max-width:100%;padding:0;width:100%}@media (max-width:768px){html{font-size:18px}.container{padding:10px;width:100%}.task-block{margin:0 auto!important;width:95%!important}}@media (min-width:769px){html{font-size:38px}.container{max-width:1200px;padding:20px;width:90%}.task-block{width:100%!important}}h1{font-size:2rem;margin-bottom:1rem;word-break:break-word}button{font-size:1em;padding:.5em 1em}.main-container-task{align-items:center;display:flex;justify-content:center;padding:0;width:100%}.task-block{background:linear-gradient(to bottom right,#e3f2fd,#d1ecf1);border:1px solid #b0c4de;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;gap:5px;margin-bottom:10px;max-width:1000px;padding:2px;transition:all .3s ease}.task-block:hover{box-shadow:0 6px 10px #00000026}.left-task-block,.middle-task-block,.right-task-block{flex-shrink:0}.right-task-block{flex-basis:50px}.panel-task-settings{border-top:2px solid #a1abb8}.left-task-block{flex-basis:40px}.middle-task-block{align-items:center;flex:1 1;overflow:hidden}.middle-task-block-text{-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:break-word;cursor:pointer;display:-webkit-box;line-height:1.8em;max-height:3.6em;overflow:hidden;text-overflow:ellipsis}.middle-task-block-text.expanded-text{-webkit-line-clamp:unset;max-height:none;overflow:visible}@media (max-width:768px){.task-block{max-width:720px}}@media (min-width:769px){.task-block{max-width:1200px}}.crossing-out{background-color:currentColor;color:#5e6369;height:2px;position:absolute;top:50%;transform:translateY(-50%) rotate(-45deg);width:100%}.icon-no-button{align-items:center;color:#0000008a;display:inline-flex;justify-content:center;padding:8px}@keyframes rotatePause{0%{transform:rotate(0deg)}25%{transform:rotate(-10deg)}50%{transform:rotate(0deg)}75%{transform:rotate(10deg)}to{transform:rotate(0deg)}}.rotatePause{animation:rotatePause 1.5s ease-in-out infinite}.noAnimation{animation:none}@keyframes heartbeat{0%{transform:scale(1)}30%{transform:scale(1.1)}50%{transform:scale(1)}70%{transform:scale(1.1)}to{transform:scale(1)}}.heartbeat{animation:heartbeat 1.5s ease-in-out infinite}@keyframes gentleSwing{0%{transform:rotate(0deg)}50%{transform:rotate(6deg)}to{transform:rotate(0deg)}}.gentleSwing{animation:gentleSwing 2s ease-in-out infinite}@keyframes softBlink{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.softBlink{animation:softBlink 2s ease-in-out infinite}@keyframes tilt{0%{transform:rotate(0deg)}50%{transform:rotate(2deg)}to{transform:rotate(0deg)}}.tilt{animation:tilt 2s ease-in-out infinite}body,html{background:linear-gradient(to bottom right,#f0f4f8,#e0f7fa);font-family:Roboto,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0}.main-container{flex-direction:column;height:100vh;position:relative;width:100%}.login-button,.main-container{align-items:center;display:flex}.login-button{background-color:#1976d2;border:none;border-radius:50%;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;justify-content:center;padding:.6rem;position:absolute;right:1.5rem;top:1.2rem}.login-button:hover{background-color:#1565c0}.slogan-wrapper{margin-top:4rem;max-width:90%;text-align:center}.slogan{animation:fadeInText 2s ease-in forwards;font-size:1.1rem;font-weight:500}@keyframes fadeInText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.task-preview-container{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;max-width:320px;width:100%}.task-card{border-radius:12px;box-shadow:0 4px 12px #0000000d;color:#333;filter:blur(3px);font-size:1rem;font-weight:500;opacity:.9;padding:1rem;transition:transform .5s ease,opacity .5s ease}.task-card.actual{background:linear-gradient(to bottom right,#e3f2fd,#d1ecf1)}.task-card.completed{background:linear-gradient(to bottom right,#e6f4ea,#c8e6c9)}.task-card.overdue{background:linear-gradient(to bottom right,#fdecea,#f8d7da)}.fade-in{animation:fadeInSlideUp 1s ease forwards}.delay-1{animation-delay:.3s}.delay-2{animation-delay:.6s}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.slogan{font-size:1rem}}.slogan-wrapper{align-items:center;display:flex;justify-content:center;min-height:250px;padding:20px}.slogan{color:#333;font-size:1.2rem;margin:0 auto;max-width:90%;opacity:0;text-align:center}.fade,.slogan{animation:fadeInOut 5s ease-in-out infinite}.fade{opacity:1}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.6039f54d.css.map*/