@import url(https://fonts.googleapis.com/css?family=Oswald:400);@import url(https://fonts.googleapis.com/css?family=Cabin:400);.text-input{font-size:16px;letter-spacing:1px;border:none;border-radius:14px;padding:12px;width:100%;background-color:#ffd2e2;outline:none}.text-input:focus{background-color:#87606c;outline:none}.button{font-size:16px;border:none;letter-spacing:1px;display:block;margin:0 auto;border-radius:14px;padding:12px 32px;margin-top:30px;background-color:#dcafbf;cursor:pointer}.button:hover{background-color:#87606c}.epos{top:50%}.epos,.lpos{position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}.lpos{width:80%;max-width:600px;bottom:9%}.eball{height:400px;width:400px;background:#1e1e1e;border-radius:100%;overflow:hidden;position:relative;-webkit-box-shadow:inset -10px 10px 50px hsla(0,0%,100%,.4),inset 5px -5px 50px #000,inset 50px -50px 200px #000,inset 0 -20px 20px #3c003c;box-shadow:inset -10px 10px 50px hsla(0,0%,100%,.4),inset 5px -5px 50px #000,inset 50px -50px 200px #000,inset 0 -20px 20px #3c003c;-webkit-transform:scale(1.5)}.egrad{background:-webkit-radial-gradient(center,ellipse,hsla(0,0%,100%,.2) 0,hsla(0,0%,95%,.2) 7%,rgba(30,30,30,.1) 30%,rgba(30,30,30,0) 100%);background:-o-radial-gradient(center,ellipse,hsla(0,0%,100%,.2) 0,hsla(0,0%,95%,.2) 7%,rgba(30,30,30,.1) 30%,rgba(30,30,30,0) 100%);background:radial-gradient(ellipse at center,hsla(0,0%,100%,.2) 0,hsla(0,0%,95%,.2) 7%,rgba(30,30,30,.1) 30%,rgba(30,30,30,0) 100%);width:400px;height:400px;border-radius:100%;left:60%;top:30%}.egrad,.ewin{position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ewin{background:-webkit-linear-gradient(45deg,#140014,#280028);background:-o-linear-gradient(45deg,#140014 0,#280028 100%);background:linear-gradient(45deg,#140014,#280028);width:160px;height:160px;border-radius:100%;border:4px solid hsla(0,0%,8%,.8);-webkit-box-shadow:10px -10px 10px hsla(0,0%,8%,.6),10px -10px 1px hsla(0,0%,8%,.5),-10px -10px 1px hsla(0,0%,8%,.5),10px 10px 1px rgba(50,50,50,.5),-10px 10px 1px rgba(50,50,50,.5),8px -10px 10px hsla(0,0%,8%,.6),-8px 10px 10px rgba(60,60,60,.6),inset -10px 10px 40px rgba(200,0,20,.05),inset 10px -10px 40px rgba(20,0,200,.1);box-shadow:10px -10px 10px hsla(0,0%,8%,.6),10px -10px 1px hsla(0,0%,8%,.5),-10px -10px 1px hsla(0,0%,8%,.5),10px 10px 1px rgba(50,50,50,.5),-10px 10px 1px rgba(50,50,50,.5),8px -10px 10px hsla(0,0%,8%,.6),-8px 10px 10px rgba(60,60,60,.6),inset -10px 10px 40px rgba(200,0,20,.05),inset 10px -10px 40px rgba(20,0,200,.1);left:50%;top:50%}.triangle{width:0;height:0;top:52%;border-left:58px solid transparent;border-right:58px solid transparent;border-top:90px solid rgba(60,10,120,0)}.textbox,.triangle{-webkit-transform:translate(-50%,-50%) rotate(5deg);-ms-transform:translate(-50%,-50%) rotate(5deg);transform:translate(-50%,-50%) rotate(5deg);position:absolute;left:50%;opacity:0;-webkit-transition:all .2s ease-in;-o-transition:ease-in all .2s;transition:all .2s ease-in}.textbox{font:400 11px Oswald;text-shadow:1px 1px 2px rgba(40,0,200,.8);color:rgba(240,220,240,.8);text-align:center;line-height:1.1;text-transform:uppercase;width:48px;height:50px;top:49%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.eball.hovering .textbox,.eball.hovering .triangle{opacity:1;-webkit-transform:translate(-50%,-50%) rotate(0deg);-ms-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg);-webkit-transition:all .2s ease-in;-o-transition:ease-in all .2s;transition:all .2s ease-in}.eball.hovering .triangle{border-top:90px solid rgba(60,10,120,.9)}.shadow{background:#0a0a0a;border-radius:100%;height:200px;width:200px;filter:blur(40px);-webkit-filter:blur(50px);position:absolute;margin-top:200px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scaleY(.1);-ms-transform:translate(-50%,-50%) scaleY(.1);transform:translate(-50%,-50%) scaleY(.1);z-index:1}.lpos .speech{position:relative}.lpos .speech .microphone{position:absolute;top:0;right:0;padding:9px 20px}.lpos .speech .microphone i{color:#9b9b9b;font-size:24px}.lpos .speech .microphone.recording i{color:red}@media screen and (max-width:768px){.title h1{font-size:50px!important}.shake-text,.title p{font-size:18px!important}.lpos{bottom:0!important}}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}.title{position:fixed;top:9%;z-index:20;width:100%}.title,.title h1{text-align:center}.title h1{font-size:80px;color:#87606c}.shake-text,.title p{margin-top:14px;text-align:center;font-size:23px;color:#dcafbf}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.about{position:fixed;bottom:0;left:0;right:0;height:100px;z-index:20}.about h1,.about p{color:#dcafbf}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;height:100%;background:#140014;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d;overflow:hidden}body{font-family:Cabin,sans-serif}
/*# sourceMappingURL=main.292f2437.css.map*/