@import url(https://fonts.googleapis.com/css?family=Reenie+Beanie);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}*{margin:0;padding:0;box-sizing:border-box}h1{color:#0eb0e6}body{background-color:#add8e6;color:#fff;font-family:"Reenie Beanie",cursive;min-height:100vh}header{font-size:2rem}form,header{min-height:20vh;display:flex;justify-content:center;align-items:center}form input{padding:.3rem;font-size:1.5rem;background:#fff;border-radius:5em;border:0;outline:0;text-align:center}form input:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}form button{padding:.5rem;font-size:1.5rem;border:none;background:#fff;color:#ff6f47;background:#f7fffe;cursor:pointer;transition:all .3s ease;border-radius:5em}form button:hover{background:#ff6f47;color:#fff}.todo-container{display:flex;justify-content:center;align-items:center}.todo-list{min-width:20%;list-style:none}.todo{font-size:1.5rem;color:#000;display:flex;justify-content:space-between;align-items:center;transition:all 1s ease}.filter-todo{padding:1rem}.todo li{flex:1 1}.todo-shuffle{flex-direction:row;align-items:flex;width:100%}.float-container,.todo-shuffle{display:flex;justify-content:space-around}.copyright-text,.float-child{width:50%;float:left}.copyright-text{padding:20px;left:auto}.about{width:10%}.about,.my-name{right:auto;float:right;padding:20px}.my-name{width:50%}.card-column{float:left;width:25%;padding:0 10px}.card li{list-style:none}.card{justify-content:center;background:rgba(61,168,221,.863);height:auto;min-height:200px;min-width:200px;width:auto;border-radius:30px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;font-size:1.5rem}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.card-container{padding:2px 16px}.complete-btn,.trash-btn{background:#fff;color:red;border:none;padding:1rem;cursor:pointer;font-size:1rem;opacity:.5}.trash-btn:hover{opacity:1}.complete-btn{background:#0bd4a2}.todo-item{padding:0 .5rem}.fa-trash .fa-check{pointer-events:none}.fall{transform:translateY(10rem) rotate(20deg);opacity:0}.completed{text-decoration:line-through;opacity:.5}select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;border:0!important;background-image:none}.select{margin:1rem;position:relative;overflow:hidden}select{color:#ff6f47;font-family:"Poppins",sans-serif;cursor:pointer;width:12rem}.select:after{content:"\25BC";position:absolute;top:0;right:0;padding:1rem;background:#ff6f47;cursor:pointer;pointer-events:none}::-webkit-input-placeholder{font-family:"Reenie Beanie",cursive;font-weight:700}:-ms-input-placeholder{font-family:"Reenie Beanie",cursive;font-weight:700}::-ms-input-placeholder{font-family:"Reenie Beanie",cursive;font-weight:700}::placeholder{font-family:"Reenie Beanie",cursive;font-weight:700}.notebook-editable-p{font-weight:700;text-decoration:underline}.notebook-editable-p-highlighter{font-weight:700;color:red}.notebook-editable,.notebook-editable-participant{color:#000;border:1px solid #eee;box-shadow:1px 1px 0 #ddd;display:flex;flex-direction:column;justify-content:space-around;align-items:center;vertical-align:top;font-family:"Reenie Beanie",cursive;font-size:24px;line-height:20px;margin:2% auto;padding:22px 20px 3px 40px;resize:none;min-height:200px;width:auto;height:auto;background-color:#fff;background-image:-webkit-linear-gradient(top,transparent,transparent 19px,#e7eff8 0),-webkit-radial-gradient(4% 50%,circle closest-corner,#f5f5f5,#f5f5f5 39%,transparent 0),-webkit-radial-gradient(3.9% 46%,circle closest-corner,#ccc,#ccc 43.5%,transparent 0);background-size:100% 20px}.notebook-editable-participant{min-width:200px}footer{position:fixed;left:0;bottom:0;width:100%;min-height:1.5rem;height:2rem;background-color:#0eb0e6;color:#fff;text-align:center;font-size:1.5rem}.notebook-editable-extras,footer{display:flex;justify-content:space-around;align-items:center}.notebook-editable-extras{color:#000;border:1px solid #eee;box-shadow:1px 1px 0 #ddd;flex-direction:column;vertical-align:top;font-family:"Reenie Beanie",cursive;font-size:24px;line-height:20px;margin:2% auto;padding:22px 20px 3px 40px;resize:none;min-height:200px;width:auto;height:auto;background-color:#eebebe;background-image:-webkit-linear-gradient(top,transparent,transparent 19px,#e7eff8 0),-webkit-radial-gradient(4% 50%,circle closest-corner,#f5f5f5,#f5f5f5 39%,transparent 0),-webkit-radial-gradient(3.9% 46%,circle closest-corner,#ccc,#ccc 43.5%,transparent 0);background-size:100% 20px}.notebook-editable-extras:hover,.notebook-editable-participant:hover,.notebook-editable:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.lds-heart{display:inline-block;position:relative;-webkit-animation:lds-heart 1.2s cubic-bezier(.215,.61,.355,1) infinite;animation:lds-heart 1.2s cubic-bezier(.215,.61,.355,1) infinite}@-webkit-keyframes lds-heart{0%{transform:scale(.95)}5%{transform:scale(1.1)}39%{transform:scale(.85)}45%{transform:scale(1)}60%{transform:scale(.95)}to{transform:scale(.9)}}@keyframes lds-heart{0%{transform:scale(.95)}5%{transform:scale(1.1)}39%{transform:scale(.85)}45%{transform:scale(1)}60%{transform:scale(.95)}to{transform:scale(.9)}}li{position:relative;display:block;margin-bottom:5px;padding:10px;-webkit-animation:fadeIn .5s linear;animation:fadeIn .5s linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}@for $i from 1 through $total-items{li:nth-child(#{$i}){-webkit-animation-delay:.25s * $i;animation-delay:.25s * $i}}@-webkit-keyframes fadeIn{0%{opacity:0;top:100px}75%{opacity:.5;top:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;top:100px}75%{opacity:.5;top:0}to{opacity:1}}ul{list-style-type:none}ul li:before{content:"\2014";position:absolute;margin-left:-20px}.menu{padding:0;margin:0;list-style:none}.menu li:before,.menu ul li:before{content:""}.menu .share i.fa{height:50px;width:50px;text-align:center;line-height:50px}.menu .share:hover.bottom .submenu li:first-child{opacity:1;top:50px;transform:rotate(0deg);transition-delay:.08s}.menu .share:hover.bottom .submenu li:nth-child(2){opacity:1;top:100px;transform:rotate(0deg);transition-delay:.16s}.menu .share:hover.bottom .submenu li:nth-child(3){opacity:1;top:150px;transform:rotate(0deg);transition-delay:.24s}.menu .share:hover.bottom .submenu li:nth-child(4){opacity:1;top:200px;transform:rotate(0deg);transition-delay:.32s}.menu .share:hover.bottom .submenu li:nth-child(5){opacity:1;top:250px;transform:rotate(0deg);transition-delay:.4s}.menu .share:hover.left .submenu li:first-child{opacity:1;left:-51px;transform:rotate(0deg);transition-delay:.5s}.menu .share:hover.left .submenu li:nth-child(2){opacity:1;left:-102px;transform:rotate(0deg);transition-delay:1s}.menu .share:hover.left .submenu li:nth-child(3){opacity:1;left:-153px;transform:rotate(0deg);transition-delay:1.5s}.menu .share:hover.left .submenu li:nth-child(4){opacity:1;left:-204px;transform:rotate(0deg);transition-delay:2s}.menu .share:hover.left .submenu li:nth-child(5){opacity:1;left:-255px;transform:rotate(0deg);transition-delay:2.5s}.menu .share:hover.right .submenu li:first-child{opacity:1;left:50px;transform:rotate(0deg);transition-delay:.08s}.menu .share:hover.right .submenu li:nth-child(2){opacity:1;left:100px;transform:rotate(0deg);transition-delay:.16s}.menu .share:hover.right .submenu li:nth-child(3){opacity:1;left:150px;transform:rotate(0deg);transition-delay:.24s}.menu .share:hover.right .submenu li:nth-child(4){opacity:1;left:200px;transform:rotate(0deg);transition-delay:.32s}.menu .share:hover.right .submenu li:nth-child(5){opacity:1;left:250px;transform:rotate(0deg);transition-delay:.4s}.menu .share:hover.top .submenu li:first-child{opacity:1;top:-51px;transition-delay:.08s;transform:rotateY(0deg)}.menu .share:hover.top .submenu li:nth-child(2){opacity:1;top:-102px;transition-delay:.16s;transform:rotateY(0deg)}.menu .share:hover.top .submenu li:nth-child(3){opacity:1;top:-153px;transition-delay:.24s;transform:rotateY(0deg)}.menu .share:hover.top .submenu li:nth-child(4){opacity:1;top:-204px;transition-delay:.32s;transform:rotateY(0deg)}.menu .share:hover.top .submenu li:nth-child(5){opacity:1;top:-255px;transition-delay:.4s;transform:rotateY(0deg)}.menu .submenu{list-style-type:none;padding:0;margin:0}.menu .submenu li{transition:all .5s ease-in-out;position:absolute;top:0;left:0;z-index:-1;opacity:0}.menu .submenu li a{color:#0eb0e6}.menu .submenu li a:hover i.fa{color:#fff}.menu .submenu li a:hover.facebook i.fa{background-color:#3b5999}.menu .submenu li a:hover.twitter i.fa{background-color:#55acee}.menu .submenu li a:hover.googlePlus i.fa{background-color:#dd4b39}.menu .submenu li a:hover.instagram i.fa{background-color:#e4405f}.menu .submenu li:first-child{transform:rotateX(45deg)}.menu .submenu li:nth-child(2){transform:rotateX(90deg)}.menu .submenu li:nth-child(3){transform:rotateX(135deg)}.menu .submenu li:nth-child(4){transform:rotateX(180deg)}.menu.bottomRight{bottom:10px;right:10px}
/*# sourceMappingURL=main.6d244df4.chunk.css.map */