.main-container{height:100vh;background:#232938;display:flex;justify-content:center;align-items:center}.avtar{width:200px;height:200px;margin-left:100px}.typewriter h1{overflow:hidden;border-right:.15em solid orange;margin:0 auto;letter-spacing:.15em;-webkit-animation:typing 10s steps(40),blink-caret 1.5s step-end infinite;animation:typing 10s steps(40),blink-caret 1.5s step-end infinite;text-align:center}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}.css-typing,.css-typing-mobile{width:100%;margin-left:10%}.css-typing-mobile{display:none}.css-typing-mobile p,.css-typing p{border-right:.15em solid orange;font-family:Courier;font-size:14px;white-space:nowrap;overflow:hidden;color:#fff;line-height:40px}.css-typing p:first-child{width:54%;-webkit-animation:type 2s steps(40);animation:type 2s steps(40);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.css-typing p:nth-child(2){width:69%;opacity:0;-webkit-animation:type2 2s steps(40);animation:type2 2s steps(40);-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.css-typing p:nth-child(3){width:18%;opacity:0;-webkit-animation:type3 5s steps(20),blink .5s step-end infinite alternate;animation:type3 5s steps(20),blink .5s step-end infinite alternate;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media only screen and (max-width:600px){.main-container{height:100vh;background:#232938;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.avtar{width:200px;height:200px;margin-left:0}.css-typing{display:none}.css-typing-mobile{display:block;width:100%;margin-left:14%;margin-top:10%}.avtar-wrapper{margin-top:10%}.css-typing-mobile p:first-child{width:80%;-webkit-animation:type 2s steps(40);animation:type 2s steps(40);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.css-typing-mobile p:nth-child(2){width:80%;opacity:0;-webkit-animation:type 2s steps(40),type2 2s steps(40),blink .5s step-end infinite alternate;animation:type 2s steps(40),type2 2s steps(40),blink .5s step-end infinite alternate;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.css-typing-mobile p:nth-child(3){width:80%;opacity:0;-webkit-animation:type 2s steps(40),type2 2s steps(40),blink .5s step-end infinite alternate;animation:type 2s steps(40),type2 2s steps(40),blink .5s step-end infinite alternate;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.css-typing-mobile p:nth-child(4){width:80%;opacity:0;-webkit-animation:type2 2s steps(40),type2 2s steps(40);animation:type2 2s steps(40),type2 2s steps(40);-webkit-animation-delay:6s;animation-delay:6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.css-typing-mobile p:nth-child(5){width:80%;opacity:0;-webkit-animation:type2 2s steps(40),type2 2s steps(40);-webkit-animation-delay:8s;animation-delay:8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.css-typing-mobile p:nth-child(6){width:40%;opacity:0;-webkit-animation:type2 2s steps(40),type2 2s steps(40);animation:type2 2s steps(40),type2 2s steps(40);-webkit-animation-delay:10s;animation-delay:10s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.css-typing-mobile p:nth-child(7){width:80%;opacity:0;-webkit-animation:type3 5s steps(20),type2 2s steps(40),blink .5s step-end infinite alternate;animation:type3 5s steps(20),blink .5s step-end infinite alternate;-webkit-animation-delay:12s;animation-delay:12s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}@keyframes type{0%{width:0}99.9%{border-right:.15em solid orange}to{border:none}}@-webkit-keyframes type{0%{width:0}99.9%{border-right:.15em solid orange}to{border:none}}@keyframes type2{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid orange}to{opacity:1;border:none}}@-webkit-keyframes type2{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid orange}to{opacity:1;border:none}}@keyframes type3{0%{width:0}1%{opacity:1}to{opacity:1}}@-webkit-keyframes type3{0%{width:0}1%{opacity:1}to{opacity:1}}@keyframes blink{50%{border-color:transparent}}@-webkit-keyframes blink{50%{border-color:tranparent}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{font-size:100%}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5}button:disabled{opacity:.5}
/*# sourceMappingURL=main.79d25658.chunk.css.map */