body{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{--primary-color:rgba(13,110,139,0.75);--overlay-color:rgba(24,39,51,0.85);--menu-speed:0.75s;--box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}html{font-size:10px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:"Roboto",sans-serif;background-color:#264653;color:#f5f5f5}.logo-header{margin:0 auto;width:100%;text-align:center}.container{margin:0 auto;max-width:50%;padding:0}h1{font-size:2.3rem;text-align:center}h1,p{font-family:"Happy Monkey",cursive;color:#f5f5f5}p{font-size:1rem;text-align:left}label{font-family:"Happy Monkey",cursive;display:inline-block;margin:0;font-size:2rem;padding:.2rem}input{font-size:16px;border:1px solid #dedede;border-radius:2px}.task-btn,input{display:block;width:100%;padding:10px}.task-btn{background-color:orange;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:var(--box-shadow);border:0;font-family:"Happy Monkey",cursive;font-size:2rem;font-weight:500;margin:20px auto;border-radius:15px;text-align:center}.delete-btn,.task-btn{cursor:pointer;color:#fff}.delete-btn{background-color:#e74c3c;border:0;font-size:20px;line-height:20px;padding:2px 5px;position:absolute;top:50%;left:0;transform:translate(-100%,-50%);opacity:.3;transition:opacity .5s ease}.list{list-style-type:none;padding:0;margin:0 auto}.list li{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:var(--box-shadow);color:#333;display:flex;justify-content:space-between;position:relative;padding:10px;margin:8px 0;font-size:1.5rem;font-weight:500}.btn:focus,.delete-btn:focus,.done-btn:focus{outline:0}.list li:hover .delete-btn,.list li:hover .done-btn{opacity:1}.list li.done{border-right:8px solid #2ecc71}.list li.notdone{border-right:8px solid #c0392b}.done-btn{cursor:pointer;background-color:#172403;border:0;color:#fff;font-size:20px;line-height:20px;padding:2px 5px;position:absolute;top:50%;right:-70px;transform:translate(-100%,-50%);opacity:.3;transition:opacity .5s ease}.react-container{width:150px;height:150px;margin:0 auto;background:#264653;display:flex;align-items:center;justify-content:center}.react-logo{animation-name:rotate;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}.react-logo,.react-logo:after,.react-logo:before{display:inline-block;border-radius:50%;border:3px solid #00d8ff}.react-logo,.react-logo:after,.react-logo:before{position:absolute;width:75px;height:30px}.nucleo,.react-logo,.react-logo:after,.react-logo:before{display:flex;align-items:center;justify-content:center}.nucleo{width:20px;height:20px;border-radius:50%;background:#00d8ff}.react-logo:after,.react-logo:before{content:""}.react-logo:after{transform:rotate(-57deg)}.react-logo:before{transform:rotate(57deg)}.title{font-size:60px;background:#222;color:#00d8ff;width:250px;margin:2px auto;text-align:center}@keyframes rotate{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.c8e1585f.chunk.css.map */