body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-Grey-dark-1:#333;--color-white-1:#faf9f9;--color-list-items-1:#698474;--color-yellow-hover:#fe9801;--color-crimson-dark:#c72c41;--box-shadow-dark:0 2rem 6rem rgba(0,0,0,0.3)}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}@media only screen and (max-width:600px){html{font-size:55%}}body{box-sizing:border-box;line-height:1.6;font-family:open-sans,sans-serif;background-image:-webkit-gradient(linear,left top,right bottom,from(#333),to(#333));background-image:linear-gradient(to right bottom,#333,#333);background-image:-webkit-gradient(linear,left top,right bottom,from(var(--color-Grey-dark-1)),to(var(--color-Grey-dark-1)));background-image:linear-gradient(to right bottom,var(--color-Grey-dark-1),var(--color-Grey-dark-1));background-size:cover;background-repeat:repeat}.container{position:relative;max-width:50rem;margin:7rem auto;box-shadow:0 2rem 6rem rgba(0,0,0,.3);box-shadow:var(--box-shadow-dark);min-height:81vh;border:2px solid #faf9f9;border:2px solid var(--color-white-1);border-radius:1rem;background-color:#333;background-color:var(--color-Grey-dark-1)}@media only screen and (max-width:600px){.container{margin:auto;border:none;min-height:100vh}}.header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #faf9f9;border-bottom:1px solid var(--color-white-1);height:5rem}@media only screen and (max-width:600px){.header{height:7rem}}.main-heading{margin-left:2rem;color:#fe9801;color:var(--color-yellow-hover);font-size:3rem;font-weight:900;translate:all 1s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:bounceIn;animation-name:bounceIn}.main-heading:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media only screen and (max-width:600px){.main-heading{font-size:1.7rem;display:inline-block;margin-left:3rem}}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.add-button{display:inline-block;margin-right:2rem;color:var(--color-yellow-hover);font-size:2rem;font-weight:900;background-color:transparent;border:1px solid #fff;border-radius:100px;position:relative;overflow:hidden;outline:none;padding:.5rem 1.2rem;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:bounceIn;animation-name:bounceIn}.add-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);background-color:var(--color-crimson-dark);color:var(--color-white-1)}.add-button:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.button-small{box-sizing:content-box;font-size:1rem;font-weight:bolder;margin-right:.3rem;border-radius:100%;background-color:var(--color-white-1);color:var(--color-crimson-dark);-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:.7s;animation-duration:.7s}.button-small:hover{background-color:var(--color-crimson-dark);color:var(--color-white-1)}@media only screen and (max-width:600px){.button-small{font-size:1.5rem;background-color:var(--color-crimson-dark);color:var(--color-white-1)}}.input{display:flex;align-items:center;justify-content:center;margin:2rem auto}.input-field{flex-grow:1;font-family:inherit;font-size:2rem;font-weight:600;background-color:#333;border:none;letter-spacing:.2rem;color:var(--color-white-1);border-bottom:1px solid var(--color-list-items-1);padding:1.5rem 1rem;-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-transition:all 3s;transition:all 3s}.input-field:focus{outline:transparent}.input-field::-webkit-input-placeholder{font-weight:900;font-size:1.2rem;text-align:center;color:var(--color-yellow-hover)}.input-field::-moz-placeholder{font-weight:900;font-size:1.2rem;text-align:center;color:var(--color-yellow-hover)}.input-field:-ms-input-placeholder{font-weight:900;font-size:1.2rem;text-align:center;color:var(--color-yellow-hover)}.input-field::-ms-input-placeholder{font-weight:900;font-size:1.2rem;text-align:center;color:var(--color-yellow-hover)}.input-field::placeholder{font-weight:900;font-size:1.2rem;text-align:center;color:var(--color-yellow-hover)}.saved-todo{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative;padding:1.5rem 0;font-size:2rem;font-weight:600;margin:1rem auto;list-style:none;color:var(--color-white-1);text-transform:capitalize;-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-transition:all .3s;transition:all .3s}@media only screen and (max-width:600px){.saved-todo{padding:2rem 0}}.saved-todo__list{list-style-type:none;text-align:left;margin:2rem}input[type=radio]{top:0;left:0;margin-left:.5rem;height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:button;border:2px double var(--color-white-1);background-color:#c72c41;outline:none;overflow:hidden;border-radius:15px}@media only screen and (max-width:600px){input[type=radio]{height:2rem;width:2rem}}input[type=radio]:checked{background-color:#2c786c}input[type=radio]:hover{box-shadow:0 0 10px #2c786c}.todo-main__items{display:inline-block;position:absolute;margin-left:3rem;width:38rem;overflow:hidden;word-wrap:break-word;display:flex;align-items:center;justify-content:flex-start}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@media only screen and (max-width:600px){.input-field::-webkit-input-placeholder{font-size:1.7rem}.input-field::-moz-placeholder{font-size:1.7rem}.input-field:-ms-input-placeholder{font-size:1.7rem}.input-field::-ms-input-placeholder{font-size:1.7rem}.input-field::placeholder{font-size:1.7rem}.todo-main__items{width:24.7rem}}.reset-button{background-color:transparent;color:var(--color-yellow-hover);padding:.3rem 1rem;font-size:1.2em;font-weight:bolder;outline:none;border:1px solid var(--color-white-1);margin-left:15rem}.reset-button:hover{background-color:var(--color-crimson-dark);color:var(--color-white-1);outline:none}
/*# sourceMappingURL=main.f1466dea.chunk.css.map */