.header{font-family:var(--font-bold);margin:.5em 0;font-size:2.4em;font-weight:700}.home__decoration{border-color:var(--white);border-style:none solid solid none;border-width:100vh 170px 100vh 100vh;border-top-color:currentColor;border-left-color:currentColor;border-right-color:#0000;width:100px;margin:0;padding:0}.greeting{margin:20px 0;font-size:1.5em;font-weight:700}.name{color:var(--blue)}.header__wrapper{font-family:var(--font-regular)}.header__content__wrapper{position:absolute;top:0}.header__content{margin-top:calc(50vh - 258px);margin-left:40px;margin-right:40px;display:flex}.action_buttons{gap:1rem;display:flex}.heroSocialLinks{align-items:center;gap:.8rem;margin-top:1rem;display:flex}.heroSocialLink{width:42px;height:42px;color:var(--white);background:#171a20;border:1px solid #2e3238;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.heroSocialLink:hover{background:var(--blue);color:var(--black);border-color:var(--blue);text-decoration:none!important}.image__wrapper>img{border-radius:2em;width:450px;box-shadow:0 0 27px -6px #000d}.description__wrapper{align-items:center;padding:0 9%;display:flex}.description__body{font-size:1.5em;font-weight:400;line-height:2em}.description a:link,.description a:visited{text-decoration:none}.description a:active{background-color:var(--white)}.description a:hover{text-decoration:underline}@media screen and (max-width:1200px){.description__wrapper{padding:0 5%}}@media screen and (max-width:1100px){.image__wrapper{display:flex}.image__wrapper>img{width:350px;height:406px;margin:auto}}@media screen and (max-width:960px){.header__content{flex-direction:column;align-items:center}.home__decoration{display:none}.image__wrapper{border-radius:50%;width:300px;height:300px;overflow:hidden}.image__wrapper>img{width:300px;height:348px;margin:auto}.description{padding:5em 0}}@media screen and (max-width:586px){.description__wrapper{padding:0}.action_buttons{flex-direction:column}.action_buttons>a{text-align:center}.heroSocialLinks{justify-content:center}}@media screen and (max-width:540px){.header{font-size:1.9em}.name{display:block}}@media screen and (max-width:400px){.image__wrapper{width:100%;max-width:300px}.header__content{margin-left:15px;margin-right:15px}}