main{width:100%;padding:0}main .heroSection{display:flex;justify-content:center;align-items:center;width:100%;height:100svh;background:#1c274f;background:linear-gradient(180deg,rgba(25,25,112,1) 10%,var(--main-color) 90%)}main .heroSection h1{width:90svw;animation:typing 2s steps(10),effect .5s step-end infinite alternate;white-space:nowrap;overflow:hidden;border-right:3px solid;display:block;margin:0;color:#fff}@media (min-width: 680px){main .heroSection h1{width:80svw}}@media (min-width: 1050px){main .heroSection h1{width:70svw}}@keyframes typing{0%{width:0}}@keyframes effect{50%{border-color:transparent}}main .profile{width:90%;padding:0 5%;padding-top:10svh;padding-bottom:1rem}main .profile .icon{display:flex;justify-content:center;width:100%}main .profile .icon img{width:50%;height:50%;border-radius:50%}main .profileText{color:#fff}main .profileText h2{text-align:center}main .profileText p{display:block;width:90%;margin:0 5%}main .contact{width:90%;margin:0 5%}main .contact h5{width:90%;margin:0;margin-bottom:1rem;text-align:left}main>div:last-child{padding-bottom:2rem}@media (min-width: 600px){main .profile .icon{width:50%;margin:0 auto}main .profile .profileText h5{text-align:center}}