.header{z-index:2;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;min-height:100vh;padding:0 10%;display:flex}.bg{opacity:.6;z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:100vh;position:absolute;top:0;left:0}.intro,.photo,.intro .main-intro{flex-direction:column;justify-content:center;display:flex}.intro{color:var(--text-color);flex:1}.intro .main-intro{align-items:flex-start;font-family:Raleway,sans-serif;font-size:2rem;line-height:1.1;animation:.8s linear rightToLeft}.intro .main-intro .name{color:var(--blue-color);font-size:4.5rem;font-weight:700}.intro .sub-intro-container{font-size:1.5rem;animation:1s linear bottomToTop}.intro .sub-intro-container .sub-intro{align-items:flex-end;font-family:Poppins,sans-serif;font-size:1.7rem;display:flex}.intro .sub-intro-heading{color:var(--blue-color);font-size:2rem;font-weight:600;display:inline-block}.header-icons{align-self:flex-start;margin-top:2rem}.header-icons a svg{width:1.3rem;margin-right:1rem}.intro .download-btn{background:var(--blue-color);color:#fff;border-radius:5rem;justify-content:center;width:160px;margin-top:1rem;padding:.6rem .7rem;font-size:1rem;text-decoration:none;display:flex}.photo{flex-shrink:0;align-items:center}.profile-pic{object-fit:cover;z-index:2;border-radius:2rem;animation:1s linear invisibleToVisible;box-shadow:0 6px 20px #00000026}#cursor{margin-left:5px;animation:.7s infinite blink;display:inline-block}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media (max-width:1285px){.profile-pic{width:250px;height:250px}}@media (max-width:865px){.header{text-align:center;flex-direction:column-reverse;justify-content:center;gap:2.5rem;padding-top:5rem}.intro{flex:none;align-items:center}.intro .main-intro{align-items:center}.intro .main-intro .name{font-size:2.5rem}.intro .sub-intro{justify-content:center}.header-icons{align-self:center}.intro .download-btn{width:200px}.profile-pic{width:200px;height:200px}}