.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1}.whoCreatedButton{display:block;height:50px;width:150px;background-color:#dc143c;color:#fff;font-weight:700;padding:12px 16px;text-align:center;text-decoration:none;border-radius:5px;font-size:14px;cursor:pointer;border:none;margin-bottom:20px}.modal-body{padding:2rem;width:400px;border-radius:10px;background:#fff;position:absolute}.wrapper .modal-body h1{margin-bottom:20px}.socialLinks{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.socialLinks a{text-decoration:none;color:rgba(30,31,32,.7529411764705882)}.facebook-icon:hover{color:#3b5998}.twitter-icon:hover{color:#00acee}.youtube-icon:hover{color:#c4302b}.instagram-icon:hover{color:#c13584}.github-icon:hover{color:#333}.modalCloseButton{position:absolute;top:10px;right:15px;width:20px;height:20px;border:none;background-color:#dc143c;color:#fff;border-radius:3px;cursor:pointer}.modalCloseButton:hover{background-color:red}.modal-footer{width:100%;height:40px;padding:5px}.modal-footer a{display:block;height:50px;width:100%;background-color:#3b5998;color:#fff;font-weight:500;padding:12px 16px;text-align:center;text-decoration:none;border-radius:5px;font-size:20px}@media screen and (max-width:420px){.modal-body{width:90%}}*{padding:0;box-sizing:border-box}*,body{margin:0}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;background-image:linear-gradient(90deg,#85ffbd 0,#fffb7d 90.7%);width:100vw;overflow-x:hidden;background-position:50%;background-repeat:repeat;background-size:cover}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.wrapper{padding-top:5rem;margin:0 auto;width:90%;height:100%;display:flex;flex-direction:column;align-items:center}.wrapper h1{text-align:center;margin-bottom:10px}.list{list-style:none;margin:0;padding:0;width:90%}.list li{justify-content:space-between;padding:8px 16px;border:1px solid #5a5a5a;border-radius:4px;margin-bottom:8px}.list li,.list li span{display:flex;align-items:center}.list li span{justify-content:left;font-size:20px;width:80%;word-break:break-all}.checkboxDiv{width:25px;height:25px;display:flex;align-items:center;justify-content:center;margin-right:10px}.list li input{width:20px;height:20px}.list li button{width:50px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;box-shadow:1px 1px 3px rgba(0,0,0,.15);background:#e62222}.list li button,.list li button span{transition:.2s}.list li button .text{-webkit-transform:translateX(11px);transform:translateX(11px);color:#fff;font-weight:700}.list li button .icon{position:absolute;-webkit-transform:translateX(110px);transform:translateX(110px);height:40px;width:40px;display:flex;align-items:center;justify-content:center;opacity:0}.list li button svg{width:15px;fill:#eee}.list li button:hover{background:#ff3636}.list li button:hover .text{color:transparent}.list li button:hover .icon{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.list li button:focus{outline:none}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.list li button:hover{background:red;color:#fff}.done{text-decoration:line-through;color:#747171}.no-todos{text-align:center;font-size:30px;font-weight:800;transition:all 1s ease;-webkit-animation:scale-up-bottom 2s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-bottom 2s cubic-bezier(.39,.575,.565,1) both}.addForm{margin-bottom:15px;width:90%;display:flex;justify-content:space-between;position:relative}.addForm input{width:100%;padding:8px;font-size:20px;line-height:100%;outline:none;border:2px solid #079949;background:hsla(0,0%,100%,.7)}.addForm button{width:120px;height:100%;position:absolute;top:0;right:0;padding:9px;font-size:16px;border:none;background:#079949;cursor:pointer;color:#fff;font-weight:900;letter-spacing:0;transition:all .5s ease}.addForm button:after{content:"Add todo";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.addForm button:hover{letter-spacing:1.5px}@-webkit-keyframes scale-up-bottom{0%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@keyframes scale-up-bottom{0%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}.loader{display:flex;justify-content:center;margin:10px}.lds-hourglass{display:inline-block;position:relative;width:80px;height:80px}.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:8px;box-sizing:border-box;border-color:#008d00 transparent;border-style:solid;border-width:32px;-webkit-animation:lds-hourglass 1.2s infinite;animation:lds-hourglass 1.2s infinite}@-webkit-keyframes lds-hourglass{10%{border-color:#ff2828 transparent;border-style:solid;border-width:32px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{border-color:#ff2828 transparent;border-style:solid;border-width:32px;-webkit-transform:rotate(900deg);transform:rotate(900deg);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{border-color:#008d00 transparent;border-style:solid;border-width:32px;-webkit-transform:rotate(5turn);transform:rotate(5turn)}}@keyframes lds-hourglass{10%{border-color:#ff2828 transparent;border-style:solid;border-width:32px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{border-color:#ff2828 transparent;border-style:solid;border-width:32px;-webkit-transform:rotate(900deg);transform:rotate(900deg);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{border-color:#008d00 transparent;border-style:solid;border-width:32px;-webkit-transform:rotate(5turn);transform:rotate(5turn)}}@media screen and (max-width:600px){.addForm{width:95%}.addForm input{font-size:14px}.addForm button{width:40px;height:inherit;font-size:14px;position:relative}.addForm button:after{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:"+";font-size:20px;font-weight:900}}
/*# sourceMappingURL=main.56fc1019.chunk.css.map */