body{margin:0;padding:0;font-family:sans-serif;background-image:linear-gradient(rgba(62,20,20,.4),rgba(62,20,20,.4)),url(/static/media/back.d0402957.jpg);background-size:cover;background-position:50%;font-family:Lato;font-weight:300;position:relative;height:100vh;color:#555}.App{text-align:center}.App-logo{animation:App-logo-spin 20s linear infinite;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wrapper{width:1000px;position:absolute;margin:0 auto;overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;grid-auto-rows:minmax(100px,auto);box-shadow:0 10px 50px rgba(0,0,0,.3)}@media (min-width:1001px){.wrapper{height:600px;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (max-width:1000px){.wrapper{width:100%;grid-template-columns:1fr;grid-gap:10px;grid-template-rows:600px 500px 100px}}.avatarEditor{background-color:#fff;grid-column:1/3;grid-row:1/5;border:10px solid rgba(201,24,24,.78)}@media (max-width:1000px){.avatarEditor{grid-column:1/2;grid-row:1/2}}.hatSelect{background-color:#fff;grid-column:3/3;grid-row:1/4;border:10px solid rgba(201,24,24,.78)}@media (max-width:1000px){.hatSelect{grid-column:1/2;grid-row:2/3}}.avatarSelect{background-color:#fff;float:right;grid-column:3;grid-row:4/5;border:10px solid rgba(201,24,24,.78)}@media (max-width:1000px){.avatarSelect{grid-column:1/2;grid-row:3/4}}.display-hats button{width:50px}.display-hats .img{position:relative;float:left;width:50px;height:50px;margin-right:5px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.push-down input{margin-bottom:25px}.display-hats{text-align:left;font-size:80px;font-weight:100;color:#eb4d4d;margin-bottom:130px}.display-hats button{margin-bottom:0;width:65px;margin-right:5px;float:left}.display-hats img{position:relative;float:left;width:50px;height:50px;margin-right:5px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.hats-header{font-size:30px;text-align:center;text-transform:uppercase;letter-spacing:2px;font-weight:100;margin-bottom:10px;position:relative}.buttons-style{position:absolute;width:200px;left:80%;transform:translateX(125%);color:#954a4a;border:2px solid red;font-family:Lato;font-size:15px;text-transform:uppercase;cursor:pointer;font-weight:300;transition:background-color .3s,color .3s}.buttons-style:hover{font-weight:600}.buttons-style:hover i{margin-right:20px}.buttons-style:focus{outline:none}.btn-login,.btn-upload{top:520px}.push-down input{margin-top:65px}.push-down button{margin-bottom:25px}.style-buttons input{margin-top:15px;width:175px;float:left}.style-buttons button{margin-top:15px;float:right}.ion-social-facebook:hover{color:#3b5998}.ion-social-facebook a:link,.ion-social-facebook a:visited{font-size:160%}.display-image{font-size:80px;color:#eb4d4d;margin-bottom:130px}.display-image,.image-header{text-align:center;font-weight:100}.image-header{font-size:30px;margin:0 auto 10px;width:256px;text-transform:uppercase;letter-spacing:2px;vertical-align:middle;position:relative}.relocate-image{margin-top:50px;transform:translate(75%)}.save-button{margin-top:75px}
/*# sourceMappingURL=main.f31d6f55.chunk.css.map */