@import url(https://fonts.googleapis.com/css?family=Lato:300,400|Poppins:300,400,800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}body,html{min-width:300px;overflow:hidden}.container{align-items:center;background:#232323;height:100vh;width:100%}.container,.container .box{display:flex;justify-content:center}.container .box{flex-direction:column;height:250px;position:relative;width:250px}.container .box .title{align-items:center;display:flex;height:50px;position:relative;width:100%}.container .box .title .block{-webkit-animation:mainBlock 2s cubic-bezier(.74,.06,.4,.92) forwards;animation:mainBlock 2s cubic-bezier(.74,.06,.4,.92) forwards;background:#ffb510;display:flex;height:inherit;position:absolute;width:0}.container .box .title h1{align-items:baseline;-webkit-animation:mainFadeIn 2s forwards;animation:mainFadeIn 2s forwards;-webkit-animation-delay:1.6s;animation-delay:1.6s;color:#fff;display:flex;font-family:Poppins;font-size:32px;opacity:0;position:relative}.container .box .title h1 span{-webkit-animation:load .6s cubic-bezier(.74,.06,.4,.92) forwards;animation:popIn .8s cubic-bezier(.74,.06,.4,.92) forwards;-webkit-animation-delay:2s;animation-delay:2s;background:#ffb510;border-radius:50%;bottom:13px;height:0;margin-left:5px;margin-top:-10px;position:absolute;right:-12px;width:0}.container .box .role{align-items:center;display:flex;height:30px;margin-top:-10px;position:relative;width:100%}.container .box .role .block{-webkit-animation:secBlock 2s cubic-bezier(.74,.06,.4,.92) forwards;animation:secBlock 2s cubic-bezier(.74,.06,.4,.92) forwards;-webkit-animation-delay:2s;animation-delay:2s;background:#e91e63;display:flex;height:inherit;position:absolute;width:0}.container .box .role p{-webkit-animation:secFadeIn 2s forwards;animation:secFadeIn 2s forwards;-webkit-animation-delay:3.2s;animation-delay:3.2s;color:#fff;font-family:Lato;font-size:12px;font-weight:400;letter-spacing:5px;opacity:0;text-transform:uppercase}@-webkit-keyframes mainBlock{0%{left:0;width:0}50%{left:0;width:100%}to{left:100%;width:0}}@keyframes mainBlock{0%{left:0;width:0}50%{left:0;width:100%}to{left:100%;width:0}}@-webkit-keyframes secBlock{0%{left:0;width:0}50%{left:0;width:100%}to{left:100%;width:0}}@keyframes secBlock{0%{left:0;width:0}50%{left:0;width:100%}to{left:100%;width:0}}@-webkit-keyframes mainFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mainFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes popIn{0%{background:#e9d856;border:0 solid #ddd;height:0;opacity:0;width:0}50%{background:#e9d856;bottom:45px;height:10px;opacity:1;width:10px}65%{bottom:0;height:7px;width:7px;width:15px}80%{bottom:20px;height:10px;width:10px}to{background:#e9d856;border:0 solid #222;bottom:13px;height:7px;width:7px}}@keyframes popIn{0%{background:#e9d856;border:0 solid #ddd;height:0;opacity:0;width:0}50%{background:#e9d856;bottom:45px;height:10px;opacity:1;width:10px}65%{bottom:0;height:7px;width:7px;width:15px}80%{bottom:20px;height:10px;width:10px}to{background:#e9d856;border:0 solid #222;bottom:13px;height:7px;width:7px}}@-webkit-keyframes secFadeIn{0%{opacity:0}to{opacity:.5}}@keyframes secFadeIn{0%{opacity:0}to{opacity:.5}}
/*# sourceMappingURL=main.028cba73.css.map*/