*,body,html{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}body{background-color:#00c8ff}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.appName{margin-top:0;padding:20px;background-color:#02b3e4;color:#fff;font-weight:900;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.3);box-shadow:0 4px 5px rgba(0,0,0,.3)}.appName,.boardInput,.inputGroup{text-align:center}.boardInput{width:30%;outline:none;margin-top:30px;margin-bottom:30px;padding:10px 15px;border-radius:100px;border:none}.boardContainer{width:80%;margin:auto;text-align:center}.boardContainer:after{content:"";clear:both;display:table}.todoBoard{float:left;position:relative;background-color:hsla(0,0%,98%,.8);padding:15px;border-radius:5px;-webkit-box-shadow:0 5px 8px rgba(0,0,0,.3);box-shadow:0 5px 8px rgba(0,0,0,.3)}.todoBoard .boardTitle{text-align:center;margin-bottom:-10px}.todoBoard .delBoardBtn{outline:none;background-color:#00c8ff;position:absolute;top:10px;right:10px;padding:5px 10px;border-radius:50%;border:none;cursor:pointer;font-weight:900;color:#ddd;-webkit-transition:background-color .1s ease-in-out,color .2s;-o-transition:background-color ease-in-out .1s,color .2s;transition:background-color .1s ease-in-out,color .2s}.delBoardBtn:hover{background-color:#ff2424;color:#fff}.todoLength{margin-bottom:10px;text-align:center}.todoInput{width:100%;padding:10px;outline:none;border:none;margin:auto;border-radius:100px;text-align:center;color:#111;font-weight:500;-webkit-transition:all .25s ease-in;-o-transition:all ease-in .25s;transition:all .25s ease-in;letter-spacing:.5px}.todoInput:focus{background-color:#00c8ff;color:#fff}.todoInput:focus::-webkit-input-placeholder{color:#fff}.todoInput:focus::-ms-input-placeholder{color:#fff}.todoInput:focus::placeholder{color:#fff}.formTodo{margin-bottom:15px}.todoItem{padding:3px;border-radius:100px;background-color:#fff;margin:5px 0;border:1px solid #eee;-webkit-transition:all .25s ease-in-out;-o-transition:all ease-in-out .25s;transition:all .25s ease-in-out}.todoItem:hover{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);-webkit-box-shadow:0 2px 5px #565656;box-shadow:0 2px 5px #565656}.todoItem:after{content:"";display:table;clear:both}.todoItem span{float:left;padding:3px 0 3px 7px;font-weight:500;font-size:16px}.todoItem button{position:relative;border-radius:50%;padding:5px 11px;float:right;background-color:#00c8ff;color:#fff;border:none;-webkit-transition:all .25s ease-in;-o-transition:all ease-in .25s;transition:all .25s ease-in}.todoItem button:hover{background-color:#00c93c}.donetBtn{background-color:#000;padding:10px}@media screen and (min-width:768px){.todoBoard{min-width:30.3%;margin:10px 15px}}@media screen and (max-width:768px){.boardInput{width:60%}.todoBoard{min-width:45%;margin:11px}}@media screen and (max-width:425px){.boardInput{width:90%}.todoBoard{min-width:100%;max-width:100%}}@media screen and (max-width:320px){.boardInput{width:90%;margin-bottom:20px}}
/*# sourceMappingURL=main.f1ba195b.css.map*/