body{font-family:"Catamaran",sans-serif;font-weight:400}a{-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}.button{color:#fff;text-decoration:none;padding:3px 11px;-webkit-border-radius:50px;border-radius:50px;background-clip:padding-box;font-weight:600;font-size:14px}.button:hover{text-decoration:none}.left{float:left}.icon{position:absolute;color:#c5ff49;left:-5px;top:-12px;font-size:45px}.advice{position:fixed;left:0;top:0;z-index:11;height:80px;padding:28px 0;width:100%;text-align:center;background-color:#c5ff49;font-weight:600;font-size:16px;text-transform:uppercase;color:#fff;-webkit-animation:seconds 1s forwards;-webkit-animation-iteration-count:1;-webkit-animation-delay:2s;animation:seconds 1s forwards;animation-iteration-count:1;animation-delay:2s}.advice p{padding:0;margin:0}@-webkit-keyframes seconds{0%{opacity:1}100%{opacity:0;left:-9999px}}@-moz-keyframes seconds{0%{opacity:1}100%{opacity:0;left:-9999px}}@-ms-keyframes seconds{0%{opacity:1}100%{opacity:0;left:-9999px}}@keyframes seconds{0%{opacity:1}100%{opacity:0;left:-9999px}}header{position:fixed;top:0;left:0;width:100%;z-index:10;height:80px;padding:19px 0;animation:header-animation 10s;-moz-animation:header-animation 10s infinite;-webkit-animation:header-animation 10s infinite}header a{display:block;text-align:center;margin:0;text-decoration:none;font-family:"Monoton",cursive;animation:logo-animation 10s;-moz-animation:logo-animation 10s infinite;-webkit-animation:logo-animation 10s infinite}header a:hover{text-decoration:none}header a h1{margin:0;padding:0}@-moz-keyframes header-animation /* Firefox */{0%{background:#27b6ba}20%{background:#27b6ba}25%{background:#e95787}45%{background:#e95787}50%{background:#f17f42}70%{background:#f17f42}75%{background:#e95787}95%{background:#e95787}100%{background:#27b6ba}}@-webkit-keyframes header-animation /* Safari and Chrome */{0%{background:#27b6ba}20%{background:#27b6ba}25%{background:#e95787}45%{background:#e95787}50%{background:#f17f42}70%{background:#f17f42}75%{background:#e95787}95%{background:#e95787}100%{background:#27b6ba}}@-moz-keyframes logo-animation /* Firefox */{0%{color:#c5ff49}20%{color:#c5ff49}25%{color:#ffd068}45%{color:#ffd068}50%{color:#ffeee4}70%{color:#ffeee4}75%{color:#ffd068}95%{color:#ffd068}100%{color:#c5ff49}}@-webkit-keyframes logo-animation /* Safari and Chrome */{0%{color:#c5ff49}20%{color:#c5ff49}25%{color:#ffd068}45%{color:#ffd068}50%{color:#ffeee4}70%{color:#ffeee4}75%{color:#ffd068}95%{color:#ffd068}100%{color:#c5ff49}}.submenu{padding:0;margin-top:90px;width:100%}.submenu nav .button{float:right;margin-top:10px;background-color:#27b6ba;border:2px solid #27b6ba;position:relative;padding:7px 15px 7px 40px}.submenu nav .button:hover{color:#27b6ba;background-color:rgba(0,0,0,0)}.submenu nav .signout{background-color:rgba(0,0,0,0);margin-left:10px;border-color:#27b6ba;color:#27b6ba;padding:7px 15px}.submenu nav .signout:hover{color:#fff;background-color:#27b6ba}.submenu nav .admin-advice{position:fixed;top:10px;left:10px;z-index:100;background-color:#c5ff49;border:none;float:left;color:#485451}.submenu nav .admin-advice .icon{color:#485451}.submenu nav .admin-advice:hover{background-color:#c5ff49;color:#485451}.submenu nav .instruction{float:left;max-width:32%;font-weight:600;font-size:16px;color:#aaafc6;margin:20px 0 0}body{color:#333030}.box-color,.show-page{padding:0 0 60px;text-align:center}.box-color .list,.show-page .list{margin:20px 0;list-style-type:none;padding:0}.box-color .list .show,.box-color .list .likes,.box-color .list .share,.box-color .list .tweet,.show-page .list .show,.show-page .list .likes,.show-page .list .share,.show-page .list .tweet{color:#aaafc6;font-weight:600}.box-color .list .show:hover,.box-color .list .likes:hover,.box-color .list .share:hover,.box-color .list .tweet:hover,.show-page .list .show:hover,.show-page .list .likes:hover,.show-page .list .share:hover,.show-page .list .tweet:hover{color:#e95787;text-decoration:none}.box-color .list .show,.show-page .list .show{font-size:16px;padding:3px 10px;-webkit-border-radius:5px;border-radius:5px;background-clip:padding-box}.box-color .list .show:hover,.show-page .list .show:hover{background-color:#e95787;color:#fff}.box-color .list .likes .icon,.box-color .list .share .icon,.box-color .list .tweet .icon,.show-page .list .likes .icon,.show-page .list .share .icon,.show-page .list .tweet .icon{font-size:20px;position:relative;left:0;top:0;font-size:18px;margin-top:2px;color:#aaafc6}.box-color .list .likes:hover .icon,.box-color .list .share:hover .icon,.box-color .list .tweet:hover .icon,.show-page .list .likes:hover .icon,.show-page .list .share:hover .icon,.show-page .list .tweet:hover .icon{color:#e95787}.box-color .list .likes{vertical-align:top}.box-color .list .likes .icon{margin-right:3px}.show-page{padding:0 !important;margin-top:80px}.show-page .list{border-top:1px solid #aaafc6;border-bottom:1px solid #aaafc6;margin:45px 0 60px;padding:7px 0 0}.show-page .list li{display:inline-block;margin:10px}.show-page .list .tweet,.show-page .list .share,.show-page .list .likes{font-size:14px;vertical-align:top;padding:3px 15px;color:#fff;opacity:1;-webkit-border-radius:5px;border-radius:5px;background-clip:padding-box}.show-page .list .tweet:hover,.show-page .list .share:hover,.show-page .list .likes:hover{opacity:.7;color:#fff}.show-page .list .tweet:hover .icon,.show-page .list .share:hover .icon,.show-page .list .likes:hover .icon{color:#fff}.show-page .list .tweet .icon,.show-page .list .share .icon,.show-page .list .likes .icon{color:#fff;margin-right:6px}.show-page .list .tweet .icon:hover,.show-page .list .share .icon:hover,.show-page .list .likes .icon:hover{color:#fff}.show-page .list .tweet{background-color:#1b95e0}.show-page .list .share{background-color:#3b5998}.show-page .list .likes{background-color:#e95787}.show-page span{margin-left:10px;color:#aaafc6;font-weight:600}.admin-area{text-align:center}.admin-area a{padding:4px 15px;background-color:#c5ff49;color:#485451;font-size:14px;font-weight:600;margin:0 2px;-webkit-border-radius:5px;border-radius:5px;background-clip:padding-box}.admin-area a:hover{text-decoration:none;opacity:.8}.menu-options{text-align:center;padding:40px 0}.menu-options ul{list-style-type:none;color:#aaafc6;font-size:16px;font-weight:500;padding:0;margin:0 0 20px}.menu-options ul .active{font-weight:600;color:#e95787}.menu-options ul li{display:inline-block}.menu-options ul li:last-child:before{content:"|"}.menu-options ul li a{color:#aaafc6}.menu-options ul li a:hover{color:#e95787;text-decoration:none;font-weight:600}.container{max-width:1140px;margin:0 auto;padding:0 15px}#colors-wrapper{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:20px}#colors-wrapper .show-page{grid-column:1/-1}.menu-options,.admin-area{grid-column:1/-1}.submenu nav{display:flex;flex-wrap:wrap;align-items:center}.submenu nav .instruction{margin-right:auto}.submenu nav form{display:inline-block;margin:0}footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}footer .lx{display:flex}.btn{cursor:pointer;font-family:inherit;border:none;background:none}.btn-primary{display:block;width:100%;padding:10px;cursor:pointer}.form-control input[type=text],.form-control input[type=email],.form-control input[type=password]{padding:8px;border:1px solid #aaafc6;-webkit-border-radius:3px;border-radius:3px;background-clip:padding-box;font-family:inherit;font-size:16px}.list li form{display:inline-block;margin:0}.list li .likes{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit}#colors-wrapper .btn{margin:-15px 0 -20px;padding:0;background-color:rgba(0,0,0,0);opacity:.875;border:none;transition:all .2s linear;z-index:5;position:relative}#colors-wrapper .btn:hover{opacity:1;z-index:10;transform:scale(1.3)}.color-drop{font-size:60px;margin:0;padding:0}.forms{margin:0 auto;max-width:400px;padding:40px 5px}.forms h2{text-align:center;margin-bottom:15px;color:#aaafc6}.forms .form-control .field{margin:10px 0}.forms .form-control .field label{font-size:18px;color:#aaafc6}.forms .form-control .field input{width:100%;animation:header-animation 10s;-moz-animation:header-animation 10s infinite;-webkit-animation:header-animation 10s infinite;color:#ffeee4;opacity:.8}.forms .form-control .field small{color:#aaafc6}.forms .form-control .actions{margin-bottom:10px}.forms .form-control .actions .btn-primary{animation:header-animation 10s;-moz-animation:header-animation 10s infinite;-webkit-animation:header-animation 10s infinite;color:#ffeee4;font-weight:600;border:none}.forms .form-control .actions .btn-primary:hover{color:#c5ff49;border-color:#27b6ba;background-color:#27b6ba}.forms .new-color .actions{margin:20px 0 10px}footer{margin-bottom:20px}footer .button-footer{float:right}footer .button-footer a{padding:7px 13px 7px 37px;position:relative;border:2px solid gray;-webkit-border-radius:50px;border-radius:50px;background-clip:padding-box;color:gray;margin:33.5px 0}footer .button-footer a:hover{text-decoration:none;background-color:gray;color:#fff}footer .button-footer a:hover .icon{color:#fff}footer .button-footer a .icon{font-size:29px;top:0;left:6px;color:gray}.lx{float:left;max-width:350px}.lx svg{float:left;cursor:pointer;max-width:121px;margin-right:25px}.lx svg:hover #bondinho{-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;fill:#3d963d}.lx .text-footer{margin-top:35px;float:left}.lx .text-footer .iconico{color:#dc6b6b;margin:0 5px;font-size:16px}.lx .text-footer p{margin-bottom:2px}.lx .text-footer span{font-size:13px;color:#d3d5d4}.lx .text-footer a{font-weight:700;cursor:pointer;color:#aaa;transition:.6s}.lx .text-footer a:hover{color:#dc6b6b}@media(max-width: 580px){footer .button-footer{float:none}footer .button-footer a{margin:0 auto;width:135.84px;display:block}.lx{float:none;display:block;margin:0 auto}}@media(max-width: 578px){.lx{width:100%;margin:30px auto}}@media(max-width: 369px){.lx svg{max-width:115px;margin-right:15px}}@media(max-width: 340px){.lx svg{max-width:105px;margin-right:11px}.lx .text-footer{margin-top:23px}.lx .text-footer p{font-size:11px;margin-bottom:2px}.lx .text-footer span{font-size:12px}}@media(max-width: 313px){.lx svg{max-width:95px}}@media(max-width: 300px){.lx svg{max-width:85px}.lx .text-footer{margin-top:10px}}