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{height:100vh;display:flex;flex-direction:column;align-items:center}.home-icon{position:absolute;top:10px;left:10px}.grey-circle{height:100px;width:100px;border-radius:50%;background-color:#d3d3d3}.full-container,.item-animated{animation:fadeOut .5s ease-in-out}.full-container{flex:1 1;width:100%;display:flex;justify-content:space-evenly;align-items:center}@media screen and (max-width:480px){.grey-circle{height:60px;width:60px}}.welcome{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#373232}.welcome-title{font-family:"Zen Dots",cursive;color:#fff;font-size:2.1em}.welcome-circle{height:100px;width:100px;border:1px dashed #fff;border-radius:50%;animation:App-logo-spin 20s linear infinite}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:480px){.welcome-circle{height:60px;width:60px}}.one{flex:1 1;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeOut .5s ease-in-out}.one-circle:active{background-color:#000}.two{flex:1 1;animation:fadeOut .5s ease-in-out}.two,.two-container{width:100%;display:flex}.two-container{justify-content:space-evenly;align-items:center}.two-circle:active{background-color:#070407}.two-color{background-color:rgba(32,178,171,.8)}.three{flex:1 1;width:100%;display:flex;justify-content:center;align-items:center;animation:fadeOut .5s ease-in-out;font-family:"Rubik",sans-serif}.three-container{width:100%;display:flex;justify-content:space-evenly}.three-wrapper{position:relative}.three-circle{display:flex;justify-content:center;align-items:center;font-size:2em}.three-circle-letter{position:absolute;top:0;text-transform:uppercase;color:grey;z-index:-1}.input{height:150px;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:3em;position:absolute;bottom:0;left:0}.input-icon{position:relative;color:#d7d7d7;padding-bottom:3em}.input-text{border:none;border-bottom:1px solid #d3d3d3;background-color:transparent;text-transform:uppercase;text-align:center;font-size:2em;color:#d3d3d3;padding:.3em;font-family:"Rubik",sans-serif}@media screen and (max-width:480px){.input{text-align:center}.input-text{width:60%}}.five,.four,.six{flex:1 1;width:100%;display:flex;justify-content:space-evenly;align-items:center;animation:fadeOut .5s ease-in-out}.six-circle{font-family:"Rubik",sans-serif;color:grey}.six-circle-item{justify-content:center;font-size:1.8em}.seven,.six-circle-item{display:flex;align-items:center}.seven{flex:1 1;width:100%;flex-direction:column;justify-content:space-evenly;animation:fadeOut .5s ease-in-out;font-family:"Rubik",sans-serif}.seven,.seven-wrapper,.seven-wrapper-one,.seven-wrapper-two{position:relative}.seven-container{width:100%;justify-content:space-evenly}.seven-circle,.seven-container{display:flex;align-items:center}.seven-circle{justify-content:center;font-size:1.5em}.seven-reversed{transform:rotateX(180deg)}.seven-icon{position:absolute;top:200px;margin:auto;color:#a6a6a6;animation:fadeIn 3s ease-in-out}.seven-icon-hidden{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.seven-hidden{visibility:hidden}@media screen and (max-width:480px){.seven-container{flex-direction:column}.seven-wrapper{display:flex}.seven-icon{position:absolute;top:50%;left:30%}}.eight{flex:1 1;width:100%;display:flex;justify-content:space-evenly;align-items:center;animation:fadeOut .5s ease-in-out}@keyframes fadeOut{0%{opacity:0}to{opacity:1}}.nine-circle{font-size:2em;color:grey;font-family:"Rubik",sans-serif}.input-text:focus,.input input:focus{outline:none}.ten{font-size:2em;font-weight:700;text-transform:uppercase;color:#d3d3d3;font-family:"Rubik",sans-serif}.ten:focus{outline-width:0}.eleven{flex-direction:column;justify-content:center;font-size:2em;font-weight:700;text-transform:uppercase;text-align:center;color:#d3d3d3;font-family:"Rubik",sans-serif}.eleven-icon{padding-top:1em}
/*# sourceMappingURL=main.e24e3cad.chunk.css.map */