body{margin:0;padding:0;font-family:Verdana,Geneva,Tahoma,sans-serif}#start{display:flex}#start .inputErr{border:2px solid #b164a5!important}#start .left img.char{width:30%;margin-bottom:40px}#start .right{margin-top:25%}#start .right input,#start .right label{display:block}#start .right label{color:#0d4272;font-weight:700;margin-top:25px;margin-left:10%}#start .right input{margin-top:10px;border-radius:5px;padding:10px;border:3px solid hsla(0,0%,82.7%,.48);box-sizing:border-box;background:transparent}#start .right .btn-cont{margin-left:10%}#start .right button{float:right;margin-left:10%;padding:1em 0;background:#fb795c;color:#fff;border:none;border-radius:10px;cursor:pointer}@media (max-width:700px){#start{padding:50px 0;flex-direction:column}#start .right{margin-top:0}.h-width{width:75%!important}}@media (max-width:1024px){#start .right{margin-top:auto}}.top{display:flex}.top .backBtn{position:absolute;left:60px;top:60px;letter-spacing:2px;text-decoration:none}.top .backBtn img{display:block;margin-bottom:15px}.top h3{margin-top:60px}#choose-character .char-panels{padding:60px;display:flex;flex-wrap:wrap;justify-content:center}#choose-character .char-panels .panel{width:40%;background-repeat:no-repeat;background-size:contain;background-position:50% 50px;height:200px;margin:20px;padding:20px 0;border-radius:10px;transition:all .6s;border:4px solid transparent}#choose-character .char-panels .panel:hover{border:4px solid #6ac1fa}#choose-character .char-panels.fam .panel{width:25%}@media (max-width:1000px){.top .backBtn{right:0;left:0;top:30px;text-align:center}.top h3{margin-top:100px}#choose-character .char-panels,#choose-character .char-panels.fam{padding:40px 20px}#choose-character .char-panels.fam .panel,#choose-character .char-panels .panel{width:100%}}#confirm-char #img-cont,#confirm-char svg{display:block;margin:65px auto 0;width:40%;height:450px;background-size:contain;background-repeat:no-repeat;background-position:50%}@media (max-width:600px){#confirm-char #img-cont{margin-top:0}}#family-name #img-cont{margin-top:65px;width:40%;height:380px;background-size:contain;background-repeat:no-repeat;background-position:50%}#family-name #fam-name{padding:15px;border:2px solid hsla(0,0%,82.7%,.48);border-radius:10px}#family-name #fam-name[placeholder]{text-align:center}@media (max-width:800px){#family-name #img-cont{margin-top:0}#family-name #fam-name{width:50%}}.emotes{padding:40px 60px 0;display:flex;flex-wrap:wrap;justify-content:center;max-width:1400px;margin:0 auto}.emotes .emote{width:30%;background-repeat:no-repeat;background-size:contain;background-position:50%;padding:20px 0;margin:1%;border-radius:10px;transition:all .6s;border:5px solid transparent;cursor:pointer}.emotes .emote img{display:block}.emotes .emote p{margin-bottom:0;font-size:1.3em}.emotes .emote.selected,.emotes .emote:hover{border:5px solid #6ac1fa}@media (max-width:800px){.emotes{padding-top:20px}.emotes .emote{width:80%}}#thank-you #star-cont{width:60%;margin-top:50px}#thank-you #star-cont h3{margin-top:30px}#complete #star-cont{margin-top:0}#complete #star{width:85%}#complete #char,#complete svg{position:absolute;bottom:0;left:0;right:0;margin:auto;width:30%}#complete #btn-cont{padding-bottom:20px}#custom-char #btn-cont{margin-top:100px}#custom-char #cont{width:80%;margin-left:auto;margin-right:auto;margin-top:100px}#custom-char .left,#custom-char .right{margin:0 auto}#custom-char .left{width:50%}#custom-char .left canvas,#custom-char .left img.char,#custom-char .left svg{position:absolute;width:30%;right:35%;left:35%;height:100%;z-index:10}#custom-char .left #tshirt{top:45%;height:26%;fill:red}#custom-char .left #hair{top:0;height:40%}#custom-char .left #shorts{bottom:0}#custom-char .left #toplayer{top:0;height:75%}#custom-char .left #char{position:absolute;left:0;right:0;bottom:0;margin-left:auto;margin-right:auto;width:35%;z-index:1}#custom-char .left .option button{z-index:10;padding:40px 40px 40px 20px;border:2px solid hsla(0,0%,78%,.36);border-radius:10px;cursor:pointer;background:none;color:#6ac1fa;font-size:1.5rem}#custom-char .left .option button.selected{background:#6ac1fa;color:#fff}#custom-char .left .option #leftBtn{position:absolute;left:10%;top:50%;z-index:10;cursor:pointer}#custom-char .left .option #rightBtn{position:absolute;right:10%;top:50%;z-index:10;cursor:pointer}#custom-char .left .option:last-child button{color:transparent}#custom-char .right{width:30%}#custom-char .right p{margin-bottom:0;height:10%}#custom-char .picker{border:4px solid #add8e6;border-radius:10px;height:100%;width:100%}#custom-char .picker .react-colorful__saturation{height:80%}#custom-char .picker .react-colorful__hue{height:10%}@media (max-width:1000px){#custom-char #cont{flex-direction:column;margin-top:50px}#custom-char #cont .left,#custom-char #cont .right{width:100%;margin:10px auto}#custom-char #cont .left canvas,#custom-char #cont .left img.char,#custom-char #cont .left svg{right:20%;bottom:-10%}#custom-char #cont .left .option button{padding:40px 25px}#custom-char #cont .right .picker{height:250px}#custom-char #btn-cont{margin-top:50px}#custom-char .btn{width:80%}}@media (max-width:500px){#custom-char #cont .left canvas,#custom-char #cont .left img.char,#custom-char #cont .left svg{right:20%;bottom:-25%}}#char_one .cls-1,#char_one .cls-6,#char_one .cls-12{fill:none}#char_one .cls-2{fill:#6ac1fa}#char_one .cls-2,#char_one .cls-3,#char_one .cls-6,#char_one .cls-12,#char_one .cls-15,#char_one .cls-16{stroke:#b164a5;stroke-miterlimit:10}#char_one .cls-2,#char_one .cls-3,#char_one .cls-6,#char_one .cls-12,#char_one .cls-16{stroke-width:5px}#char_one .cls-3,#char_one .cls-8,#char_one .cls-15{fill:#68bcc1}#char_one .cls-4{fill:#f9db46}#char_one .cls-5{fill:#fff}#char_one .cls-16{fill:#0d4272}#char_one .cls-9{fill:#b164a5}#char_one .cls-11{fill:#56afac}#char_one .cls-12,#char_one .cls-15{stroke-linecap:round}#char_one .cls-13{-webkit-clip-path:url(#clip-path);clip-path:url(#clip-path)}#char_one .cls-14{-webkit-clip-path:url(#clip-path-2);clip-path:url(#clip-path-2)}#char_one .cls-15{stroke-width:9px}#char_two .cls-1,#char_two .cls-6,#char_two .cls-12{fill:none}#char_two .cls-2,#char_two .cls-9,#char_two .cls-15{fill:#f9db46}#char_two .cls-2,#char_two .cls-3,#char_two .cls-6,#char_two .cls-10,#char_two .cls-12,#char_two .cls-15{stroke:#b164a5;stroke-miterlimit:10}#char_two .cls-2,#char_two .cls-3,#char_two .cls-6,#char_two .cls-10,#char_two .cls-12{stroke-width:5px}#char_two .cls-3{fill:#6ac1fa}#char_two .cls-4{fill:#68bcc1}#char_two .cls-5{fill:#fff}#char_two .cls-10,#char_two .cls-16{fill:#0d4272}#char_two .cls-11{fill:#edc043}#char_two .cls-12,#char_two .cls-15{stroke-linecap:round}#char_two .cls-13{-webkit-clip-path:url(#clip-path);clip-path:url(#clip-path)}#char_two .cls-14{-webkit-clip-path:url(#clip-path-2);clip-path:url(#clip-path-2)}#char_two .cls-15{stroke-width:9px}#char_three .cls-1,#char_three .cls-6,#char_three .cls-10,#char_three .cls-12{fill:none}#char_three .cls-2,#char_three .cls-8{fill:#ffb1e4}#char_three .cls-2,#char_three .cls-3,#char_three .cls-6,#char_three .cls-10,#char_three .cls-12{stroke:#b164a5;stroke-miterlimit:10}#char_three .cls-2,#char_three .cls-3,#char_three .cls-6,#char_three .cls-12{stroke-width:5px}#char_three .cls-3{fill:#68bcc1}#char_three .cls-4{fill:#fb795c}#char_three .cls-5{fill:#fff}#char_three .cls-10,#char_three .cls-12{stroke-linecap:round}#char_three .cls-10{stroke-width:9px}#char_three .cls-11{fill:#fc95bd}#char_three .cls-13{-webkit-clip-path:url(#clip-path);clip-path:url(#clip-path)}#char_three .cls-14{-webkit-clip-path:url(#clip-path-2);clip-path:url(#clip-path-2)}#char_three .cls-15{fill:#68bcc1;stroke-width:5px;stroke:#b164a5}#char_four .cls-1,#char_four .cls-6,#char_four .cls-12{fill:none}#char_four .cls-2{fill:#a3ace1}#char_four .cls-2,#char_four .cls-3,#char_four .cls-6,#char_four .cls-9,#char_four .cls-12,#char_four .cls-15,#char_four .cls-16{stroke:#b164a5;stroke-miterlimit:10}#char_four .cls-2,#char_four .cls-3,#char_four .cls-6,#char_four .cls-9,#char_four .cls-12,#char_four .cls-16{stroke-width:5px}#char_four .cls-3{fill:#b9c0e8}#char_four .cls-4{fill:#ffb1e4}#char_four .cls-5{fill:#fff}#char_four .cls-8,#char_four .cls-9,#char_four .cls-15{fill:#fc9983}#char_four .cls-11{fill:#fb795c}#char_four .cls-12,#char_four .cls-15{stroke-linecap:round}#char_four .cls-13{-webkit-clip-path:url(#clip-path);clip-path:url(#clip-path)}#char_four .cls-14{-webkit-clip-path:url(#clip-path-2);clip-path:url(#clip-path-2)}#char_four .cls-15{stroke-width:9px}#char_four .cls-16{fill:#0d4272}:focus{outline:none}::-webkit-input-placeholder{color:#d3d3d3;opacity:1}:-ms-input-placeholder{opacity:1}::-ms-input-placeholder{opacity:1}::placeholder{color:#d3d3d3;opacity:1}:-ms-input-placeholder{color:#d3d3d3}::-ms-input-placeholder{color:#d3d3d3}.cont-flex{max-width:1400px;display:flex;width:100%;margin:0 auto}.btn{margin-top:45px;margin-left:65%;margin-bottom:20px;width:20%;padding:1em;display:block;box-sizing:border-box;border-radius:10px;cursor:pointer}.wrapper{max-width:1600px;margin:0 auto}.leftAlign{text-align:left}.rightAlign{text-align:right}.centerAlign{text-align:center}.q-width{width:25%}.h-width{width:50%}.f-width{width:100%}.flex{display:flex}.col{flex-direction:column}.justify-content-center{justify-content:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.rel{position:relative}.m-auto{margin:auto}.m-0{margin:0}.pb-1{padding-bottom:1rem}.centerX{display:block;margin:0 auto}.sky-bg{background:url(/static/media/Sky-BG.c69ca93d.png);background-repeat:no-repeat;background-size:cover;position:absolute;width:100%;height:100vh;z-index:-1}.no-outline{outline:none!important}.white-text{color:#fff}.grey{color:#a6a6a6}.light-grey{color:#c7c7c7}.dark-blue{color:#0d4272}.light-blue{color:#6ac1fa}.bg-light-blue{background:#6ac1fa}.bg-soft-red{background:#fb795c}.font-weight-bold{font-weight:700}@media (max-width:700px){#start .cont-flex{flex-direction:column}#start .right label{margin-left:auto}}@media (max-width:1100px){.btn{margin-left:auto;margin-right:auto;width:50%}}
/*# sourceMappingURL=main.73fb16b9.chunk.css.map */