.header{z-index:2;justify-content:start;align-items:center;height:100vh;padding:0 10%;display:grid}.bg{opacity:.6;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{place-content:center;align-items:center;display:grid}.intro{color:var(--text-color)}.intro .main-intro{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{justify-self: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:22%;margin-top:1rem;padding:.6rem .7rem;font-size:1rem;display:grid}.photo{justify-items:center}.photo img{z-index:2;border-radius:20px;width:100%;animation:1s linear invisibleToVisible}@media (max-width:1285px){.photo img{width:80%}}@media (max-width:865px){.intro .download-btn{width:40%;margin:1rem auto auto}.intro .sub-intro{justify-content:center}.intro .header-icons{justify-self:center}.header{text-align:center;grid-template-columns:none;grid-template-areas:"img""text";justify-content:center;align-items:center;padding-top:2rem}.photo img{grid-area:img;width:60%}.intro{grid-area:text;align-self:self-start;left:0}.intro .main-intro .name{font-size:2.5rem}}#cursor{margin-left:5px;animation:.7s infinite blink;display:inline-block}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}