@import url(https://fonts.googleapis.com/css2?family=Jost:wght@600&display=swap);:root{--font-family:"Jost",sans-serif;--gradient-bgBig:linear-gradient(153deg,#646fd4 23.22%,#646fd4cf 57.53%,#646fd400 85.25%);--gradient-bgSmall:radial-gradient(79.65% 79.65% at 71.49% 33.4%,#646fd4 0.84%,#646fd4 2.09%,#646fd4 62.1%,#99a0e3 94.39%,#fff 100%);--color-bg:#f6f6f6;--color-primary:#242f9b;--color-secondary:#646fd4;--color-white:#fff;--color-black:#363636;--color-lightgrey:#e7e7e7;--color-grey:#888}*{box-sizing:border-box;padding:0;scroll-behavior:smooth}*,body{margin:0 auto}body{background-color:var(--color-bg)}.gradient__bg{background:radial-gradient(circle at 49% 53%,#f6f6f6 0,#00bcd4 50%,#646fd4 100%)}.section__padding{padding:1rem}.section__margin{margin:1rem 2rem}.scale-up-center{animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}.App{align-items:center;display:flex;justify-content:center;min-height:100vh;position:relative;width:100vw}.App__circle-container{height:100%;overflow:hidden;position:absolute;width:100%}.App__circle--right{background:var(--gradient-bgBig);transform:translate(-20%,-50%);width:100%}.App__circle--left,.App__circle--right{aspect-ratio:1/1;border-radius:50%;left:50%;position:absolute;top:0}.App__circle--left{background:var(--gradient-bgSmall);transform:translate(-90%,-50%);width:80%}.App__content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:100vh;width:100%}@media screen and (min-width:600px){.App__circle--right{transform:translate(-20%,-70%)}.App__circle--left{transform:translate(-90%,-70%)}}.header{height:auto;width:100%}.header,.header__content{align-items:center;display:flex;justify-content:center}.header__content{flex-direction:column;position:relative}.header__title{color:var(--color-white);font-size:1.2em}.header__text,.header__title{font-family:var(--font-family);font-weight:600;letter-spacing:.1rem;line-height:35px}.header__text{color:var(--color-dark);font-size:.8em}@media screen and (min-width:600px) and (max-width:1199px){.header__title{font-size:1.5em}.header__text{font-size:1em;padding:0}}@media screen and (min-width:1200px){.header{margin:1rem}.header__title{font-size:2em}.header__text{font-size:1.5em;padding:1rem}}.input{align-items:center;display:flex;justify-content:center;margin:1rem 0;max-width:800px;position:relative;width:100%}.input__box{border:none;border-radius:40px;box-shadow:inset 0 0 2px #000;font-size:.8em;padding:1rem;transition:.3s;width:100%}.input__box:focus{box-shadow:0 0 0 1000vh #00000080;outline:none}.input__button{background:var(--color-secondary);border:none;border-radius:40px;box-shadow:0 0 5px var(--color-grey);color:var(--color-white);cursor:pointer;font-family:var(--font-family);font-size:.8em;height:40px;margin:4px;position:absolute;right:0;transition:.2s;width:40px}.input__button:hover{background:var(--color-primary);transform:scale(.9)}@media screen and (min-width:600px) and (max-width:1199px){.input__box{margin:0}}@media screen and (min-width:1200px){.input__box{padding:1rem 2rem}.input__box,.input__button{font-size:1em}}.todoList{flex-direction:column;max-width:800px;z-index:1}.todoList,.todoList__container{display:flex;justify-content:center;width:100%}.todoList__container{align-items:flex-start}.todoList__content{display:flex;flex-direction:column;justify-content:center;width:90%}.todoList__title{background-color:var(--color-white);border-radius:1rem;color:var(--color-primary);flex-basis:100%;font-family:var(--font-family);font-size:.7em;font-weight:600;margin:1rem .1rem;padding:.5rem}.todoList__title h2{text-align:center}.dragactive{border:2px dashed var(--color-secondary);border-radius:1rem;padding:.2rem}.dragurgent{border:2px solid var(--color-secondary);border-radius:1rem;padding:.2rem}@media screen and (min-width:1200px){.todoList__title{border-radius:1.5rem;font-size:1em;margin:1rem .2rem}.dragactive{border:3px dashed var(--color-secondary);border-radius:1.5rem;padding:.8rem}.dragurgent{border:3px solid var(--color-secondary);border-radius:1.5rem}}.toDoItem{display:flex;flex-direction:row;width:100%}.toDoItem:hover{transform:scale(1.02)}.toDoItem__content{align-items:center;background-color:var(--color-bg);border-radius:1rem;display:flex;flex-direction:column;justify-content:space-between;margin:.2rem 0;padding:.5rem;width:100%}.toDoItem__text{flex:2 1;font-family:var(--font-family);font-size:1em;padding:.5rem}.toDoItem__icons{align-items:center;display:flex;justify-content:space-evenly}.toDoItem__icon:hover{transform:scale(1.2)}.toDoItem__icon{cursor:pointer;font-size:.8em;padding:0 .3rem}.toDoItem__input{background-color:var(--color-white);border:1px solid var(--color-lightgrey);border-radius:10px;flex:1 1;font-family:var(--font-family);font-size:1.2em;margin:.5rem;padding:0 1rem}.toDoItem__input:focus{outline:none}.drag{border-radius:1rem;box-shadow:0 0 5px var(--color-black)}@media screen and (min-width:1200px){.toDoItem__content{flex-direction:row;padding:1rem}.toDoItem__icon,.toDoItem__input,.toDoItem__text{font-size:1.5em}}
/*# sourceMappingURL=main.9ed2a509.css.map*/