@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap);@font-face{font-family:street_punks_markerregular;font-style:normal;font-weight:400;src:url(/static/media/streetpunksmarkerregular-webfont.de7d28b8965a7beda639.woff2) format("woff2"),url(/static/media/streetpunksmarkerregular-webfont.fb00ca80072240f00c46.woff) format("woff")}:root{--body-fonts:"Roboto Mono",monospace;--header-fonts:"street_punks_markerregular";--color-bg:#1b1b1b;--color-text:#fff}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}.center{align-items:center;display:-moz-flex;display:-ms-flex;display:flex;flex-direction:column;height:100vh;justify-content:center}body{background:var(--color-bg);color:var(--color-text);height:100%;text-align:center}body,p{font-family:var(--body-fonts)}p{font-size:14px;font-weight:300;line-height:18px}h1{font-size:50px}h1,h2,h3{font-family:var(--header-fonts);letter-spacing:2px;line-height:120%}a{color:inherit;text-decoration:none}.background__bg{background-color:var(--color-bg)}.section__padding{padding:4rem 6rem}.section__padding-sm{padding:2rem}.section__padding-large{padding:6rem}.section__margin{margin:4rem 6rem}.column__padding{padding:2em}.scale-up-center{-webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:700px){.section__padding{padding:4rem}.section__margin{margin:4rem}}@media screen and (max-width:500px){.section__padding{padding:4rem 2rem}.section__margin{margin:4rem 2rem}.column__padding{padding:2em 0}.h1Small{font-size:28px}}.fadeIn{-webkit-animation:fadeInOut 4s linear 1 forwards;animation:fadeInOut 4s linear 1 forwards}.feelingtText{-webkit-animation:fadeInOut 6s linear 1 forwards;animation:fadeInOut 6s linear 1 forwards;-webkit-animation-delay:4s;animation-delay:4s;opacity:0}@-webkit-keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}.introContainer{position:relative}.introContainer h1{left:0;margin:-80px auto auto;position:absolute;right:0;top:0}input{background-color:transparent;border:1px solid #f3f4f5;border-bottom-left-radius:5px;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:0;color:#fff;font-size:14px;font-weight:700;line-height:18px;margin-top:31px;padding:10px 20px 10px 10px;text-align:center}input[type=button],input[type=submit]{-webkit-appearance:none;-moz-appearance:none}.inputBtn{background:#f3f4f5;border-bottom-left-radius:0;border-bottom-right-radius:5px;border-top-left-radius:0;border-top-right-radius:5px;color:#000;cursor:pointer;text-align:center}::-webkit-input-placeholder{color:#f3f4f5}:-ms-input-placeholder{color:#f3f4f5}::placeholder{color:#f3f4f5}.hide{display:none}.show{display:block}.loadH1{text-transform:uppercase}.rf_button-container{height:100%}.rf_button-container button{display:block}span{font-size:20px;line-height:60px}button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin:10px;min-width:137px;outline:none;padding:11px 25px}.btns{height:40px}.mellow{background-color:#f3f4f5;color:#000}.happy{background-color:#ccc}.excited{background-color:#749d69}.bored{background-color:#6b529f}.sad{background-color:#346bb0}.annoyed{background-color:#a2509b}.angry{background-color:#e72e2f}.shutdown{background-color:#6a7a8a}.rf__upload-container button{background:none}.rf__preview-image img{height:auto;max-width:253px}.download,.pointer{cursor:pointer}.download{background:#f3f4f5!important;border-radius:5px;color:#000;margin-top:30px;text-align:center}.downlaod__container{max-width:253px;padding:5px}.downlaod__container h1{margin-bottom:10px;margin-top:10px}canvas{border-radius:5px}p{text-transform:uppercase}.social__btn{display:flex;display:-webkit-flex;justify-content:space-around;margin:auto;max-width:230px}.social__btn .react-share__ShareButton{height:40px!important;margin:none!important;min-width:0!important}a{cursor:pointer}.loading{margin-bottom:15px}.fadeIn1{-webkit-animation:fadeIn 4s;animation:fadeIn 4s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.839e3062.css.map*/