.to-do-form{display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,25px);margin-top:60px;width:100%}.to-do-form input{background-color:#fbfbfb;border:2px solid #000;transition:.1s ease-in-out}.to-do-form button,.to-do-form input{flex-grow:1;font-size:1.1rem;padding:clamp(15px,2vw,25px) clamp(15px,2vw,30px)}.to-do-form button{background-color:#ceef86;border:2px solid #ceef86;border-radius:3px;cursor:pointer;flex-basis:0;white-space:nowrap}.to-do-form button:hover{background-color:#c5ec6f}.to-do{background-color:#3c3c3c;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);color:#fcfcfc;float:right;padding:clamp(15px,2vw,35px) clamp(15px,2vw,30px);position:relative;width:calc(100% - 40px)}.to-do__title{font-size:18px;font-weight:700;word-break:break-word}.to-do__checkbox{cursor:pointer;left:-40px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.to-do:not(:first-of-type){margin-top:20px}@media only screen and (min-width:450px){.to-do{float:none;width:100%}}.completed-to-do{width:100%}.active-to-do-wrapper{margin-top:30px;width:100%}.active-to-do-wrapper .actions-wrapper{display:flex;gap:20px;margin-bottom:20px;margin-left:20px}.active-to-do-wrapper .actions-wrapper img{cursor:pointer;transition:.1s ease-in-out;width:30px}.active-to-do-wrapper .actions-wrapper img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}@media only screen and (max-width:450px){.active-to-do-wrapper .actions-wrapper{left:40px;position:relative}}.active-to-do-wrapper .active-to-dos{width:100%}.floating{align-items:center;-webkit-animation:float 2s ease-in-out infinite;animation:float 2s ease-in-out infinite;cursor:pointer;display:flex;gap:10px;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.floating .up-arrow{width:30px}@-webkit-keyframes float{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-20px);transform:translatey(-20px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes float{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-20px);transform:translatey(-20px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}.inline{display:inline}.completed-to-dos{margin-top:1em;width:100%}*,:after,:before{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;scroll-behavior:smooth;width:100vw}body{margin:0;width:100%}.App,body{display:flex;justify-content:center}.App{align-items:center;flex-direction:column;width:clamp(300px,50vw,750px)}
/*# sourceMappingURL=main.ee5fb496.css.map*/