@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);*{overflow:hidden}html{overflow:hidden}body,html{width:100%;height:100%}body{font-family:Anonymous Pro,sans-serif;background-color:#181818}.main-container{width:900px;height:100vh;color:#fff;display:flex;margin:auto;flex-direction:column;justify-content:center;align-items:left}.line1{width:4.5em;border-right:2px solid hsla(0,0%,100%,.75);animation:typewriter 1.5s steps(8) 1s 1 normal both,blinkTextCursor .8s steps(8) 2s normal,hideCursor 3s .2s forwards}.line1,.line2{overflow:hidden;padding-bottom:20px;position:relative;font-size:38px;white-space:nowrap}.line2{width:8em;border-right:2px solid transparent;animation:showSecondCursor .4s steps(8) 1s 1 normal forwards,typewriter 1.5s steps(8) 1s 1 normal both,blinkTextCursor .8s steps(8) 2s normal,hideCursor 3s .2s forwards;animation-delay:3s}.line1 span:first-child,.line2 span:first-child{color:#8cd2fc}.line1 span:nth-child(2),.line2 span:nth-child(2){color:#fff}.line1 span:nth-child(3),.line2 span:nth-child(3){color:#a7c597}.line3{overflow:hidden;position:relative;width:8em;font-size:38px;white-space:nowrap;border-right:2px solid transparent;animation:showThirdCursor .4s steps(39) 1s 1 normal forwards,typewriter3 4s steps(39) 1s 1 normal both,blinkTextCursor .8s steps(39) infinite normal;animation-delay:5s}.line3 span:first-child{color:#d4d69a}.line3 span:nth-child(2),.line3 span:nth-child(8){color:#ffd00b}.line3 span:nth-child(3),.line3 span:nth-child(7){color:#c27e65}.line3 span:nth-child(4),.line3 span:nth-child(6){color:#fff}.line3 span:nth-child(5){color:#8cd2fc}.play-button{color:#fff;font-weight:700;font-family:Anonymous Pro,sans-serif;font-size:25px;background-color:#17372f;border-radius:5px;border-style:none;width:150px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;animation:fadeIn 1s ease-in-out 9s forwards}.play-button:hover{background-color:#42bfa1;transition:background-color .3s ease}.button{padding-top:100px;width:100%;align-items:center;display:flex;flex-direction:column}@keyframes typewriter{0%{width:0}to{width:4.5em}}@keyframes typewriter3{0%{width:0}to{width:22.5em}}@keyframes blinkTextCursor{0%{border-right-color:hsla(0,0%,100%,.75)}to{border-right-color:transparent}}@keyframes hideCursor{to{border-right-color:transparent}}@keyframes showSecondCursor{0%{border-right-color:transparent}to{border-right-color:hsla(0,0%,100%,.75)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/css.3dc6dee1.css.map */