body{margin:0;padding:0;background:#aaa;background-image:url(/todolist-react/static/media/wood.132e3fc8.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%;background-attachment:fixed}.container{position:relative;margin:3vw auto 2vw;width:45vw;display:flex;flex-direction:column;align-items:center;background-color:#ffff78}.title{color:#008046;font-size:60px;font-weight:700;padding:30px}button{background-color:#4caf50;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;border-radius:10px}.line{display:flex;border-bottom:4px solid #008046;margin:10px}.line,.line:after{width:80%;height:1px}.line:after{content:"";border-bottom:3px solid #008046}.tasks>div,button{margin:20px}.checkcontain{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:35px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkcontain input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:13px;left:0;height:25px;width:25px}.checkcontain:hover input~.checkmark,.checkmark{background-color:#ccc}.checkcontain input:checked~.checkmark{background-color:#008046}.checkmark:after{content:"";position:absolute;display:none}.checkcontain input:checked~.checkmark:after{display:block}.checkcontain .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.form__group{position:relative;padding:15px 0 0;margin:15px;width:80%}.form__field{font-family:inherit;width:100%;border:0;border-bottom:2px solid #9b9b9b;outline:0;font-size:1.3rem;color:#666;padding:7px 0;background:transparent;-webkit-transition:border-color .2s;transition:border-color .2s;&::-webkit-input-placeholder{color:transparent}&:-ms-input-placeholder{color:transparent}&::-ms-input-placeholder{color:transparent}&::placeholder{color:transparent}&:placeholder-shown~.form__label{font-size:1.3rem;cursor:text;top:20px}}.form__label{position:absolute;top:0;display:block;-webkit-transition:.2s;transition:.2s;font-size:1rem;color:#9b9b9b}.form__field:focus{~.form__label{position:absolute;top:0;display:block;-webkit-transition:.2s;transition:.2s;font-size:1rem;color:#11998e;font-weight:700}padding-bottom:6px;font-weight:700;border-width:3px;-webkit-border-image:-webkit-gradient(linear,left top,right top,from(#11998e),to(#38ef7d));-webkit-border-image:linear-gradient(90deg,#11998e,#38ef7d);border-image:-webkit-gradient(linear,left top,right top,from(#11998e),to(#38ef7d));border-image:linear-gradient(90deg,#11998e,#38ef7d);border-image-slice:1}.form__field{&:invalid,&:required{box-shadow:none}}.left{font-size:36px;color:#ff6c3b;font-weight:700}.addtask{display:flex}
/*# sourceMappingURL=main.c8f0c55f.chunk.css.map */