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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:"MyFont";src:local("MyFont"),url(/name-to-gender-classifier/static/media/bpg_nino_mtavruli_normal.a6376f58.ttf) format("truetype")}.GI{display:flex;flex-direction:column}.GI-child{margin:30px}.gender-button{color:#333;font-size:2em}.gender-input,.result-text{font-size:2em}.result-text{color:#8b008b}.result-bar{position:relative;max-width:1200px;width:80vw;height:35px;margin:10px auto;border:4px solid #323232;display:flex}.result-bar-1{width:22%;height:35px;background-color:#fe007f}.result-bar-2{width:56%;height:35px;background-color:#9832ff}.result-bar-3{width:22%;height:35px;background-color:#00b8e7}.arrow{position:absolute;top:50px;color:#fff}.footer{max-width:1200px;width:79vw;margin:50px auto 20px;padding:5px;font-size:1em;color:#fff;text-align:left;font-family:"MyFont";border:4px solid #fff}a{color:wheat}:root,input[type=text]{font-size:20px;font-family:MyFont}body{margin-top:100px;height:100%;display:flex;justify-content:center;align-items:center;background:#333}#container{position:relative}input[type=text]{padding:1em;border:none;border-radius:.2em;background:grey;transition:background .3s}input[type=text]:focus{background:#fff}input[type=text]::-webkit-input-placeholder{color:rgba(0,0,0,.5)}input[type=text]:-ms-input-placeholder{color:rgba(0,0,0,.5)}input[type=text]::placeholder{color:rgba(0,0,0,.5)}input[type=text]:focus+.ghost{background:hsla(0,0%,100%,.2);color:transparent}input[type=text]:focus+.ghost .ghost__torso{transform:translate(-50%,42px) scaleY(.9)}input[type=text]:focus+.ghost .ghost__eyes *{background:hsla(0,0%,100%,.6)}input[type=text]:focus+.ghost .ghost__face{transform:translate(-50%,.4em)}input[type=text]:focus+.ghost .ghost__mouth{transform:scaleY(.6);border-color:hsla(0,0%,100%,.6)}input[type=text]:focus+.ghost .ghost__hands{transform:translate(-50%,.2em)}input[type=text]:focus+.ghost .ghost__hands *{background:transparent}input[type=text]:focus+.ghost .ghost__legs{border-bottom-left-radius:2em;border-bottom-right-radius:.6em;transform:translateX(-50%) scaleY(.85);transform-origin:top}.chat-bubble{text-align:center;width:100%;max-width:80vw;position:absolute;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:7em;color:#fff}@keyframes float{0%{transform:translateY(.5em)}to{transform:translateY(-.5em)}}.ghost{background:#fff;color:#fff}.ghost *{transition:all .3s}.ghost>*{position:absolute;left:50%;bottom:100%;transform:translateX(-50%)}.ghost__face{margin-bottom:1em;background:none}.ghost__face .ghost__eyes-l,.ghost__face .ghost__eyes-r{width:.8em;height:.8em;background:#333;border-radius:100%;position:absolute;bottom:.4em}.ghost__face .ghost__eyes-l{right:1em}.ghost__face .ghost__eyes-r{left:1em}.ghost__face .ghost__mouth{width:.5em;height:.3em;border-radius:50px;border:.2em solid #333;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.ghost__face .ghost__mouth--open{border-top:.2em solid #333;height:.2em}.ghost__torso{width:5em;height:7em;background:inherit;border-radius:100px;box-shadow:0 0 12px #424242;transition:all background .3s .4s .1s;transform:translate(-50%,50px);z-index:-1}.ghost__hands{color:inherit}.ghost__hands-l,.ghost__hands-r{border-radius:100px;width:1em;height:1.5em;background:#fff;box-shadow:0 4px 4px rgba(51,51,51,.3)}.ghost__hands-r{transform:translate(1.5em,1em) rotate(15deg)}.ghost__hands-l{transform:translate(-1.5em,2.5em) rotate(-15deg)}.ghost__legs{width:5em;height:1.5em;top:100%;background:inherit;box-shadow:0 0 12px #424242;border-bottom-left-radius:.4em;border-bottom-right-radius:.4em}
/*# sourceMappingURL=main.90439c2a.chunk.css.map */