.icon-container{grid-template-columns:repeat(auto-fit,45px);gap:8px;padding:8px 0;display:grid}.fa-linkedin,.linkedin{background:var(--linkedin-color);color:#fff;font-size:25px}.fa-github,.github{background:var(--github-color);color:#fff;font-size:25px}.fa-x-twitter,.x{background:var(--x-color);color:#fff;font-size:25px}.fa-instagram,.instagram{background:var(--instagram-color);color:#fff;font-size:25px}.fa-spotify,.spotify{background:var(--spotify-color);color:#fff;font-size:25px}.fa-envelope,.envelope{background:var(--email-color);color:#fff;font-size:25px}.social-container{text-align:center;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;padding:10px;transition:all .1s ease-in-out;display:flex}.social-icon-link:hover .social-container,.social-icon-link:focus .social-container{transform:scale(1.1)}
.squircle-image-wrapper{width:100%;height:100%;aspect-ratio:inherit;background-color:#fff;display:inline-block}.squircle-image-wrapper:before{background-image:var(--image-url);background-position:50%;background-size:cover}
.hero-container{background:var(--cover-background);box-sizing:border-box;width:100%;min-height:100vh;animation:var(--cover-animation);background-size:400% 400%;justify-content:center;align-items:center;padding:32px;display:flex}.about-container-wrapper{filter:var(--drop-shadow-s);-webkit-backdrop-filter:var(--resume-backdrop-filter);backdrop-filter:var(--resume-backdrop-filter);corner-shape:superellipse(2.2);border-radius:16px;flex-direction:column;display:flex}.about-container{background-color:var(--resume-background);border:1px solid var(--resume-background);corner-shape:superellipse(2.2);border-radius:16px;grid-template-areas:"img txt""articles articles";justify-content:center;gap:16px 80px;padding:96px 128px;display:grid;width:auto!important}.image-container{width:350px;max-width:350px;height:350px;max-height:350px;filter:var(--drop-shadow-xs);grid-area:img;justify-content:center;justify-self:center;align-items:center;display:flex}.image-section-container{justify-content:center;align-items:center;display:flex}.text-container{text-align:left;flex-direction:column;grid-area:txt;justify-content:center;align-items:last baseline;width:540px;display:flex}.link{color:var(--accent-color);font-weight:700;text-decoration:none;display:inline-block;position:relative}.link:after{content:"";background-color:var(--accent-color);width:100%;height:2px;transition:-webkit-transform .15s ease-in-out;display:block;position:absolute;transform:scaleX(0)}.link-container:hover .link,.link-container:focus .link{background-color:var(--accent-highlight)}.fade-1{opacity:0;animation-name:fade,translate;animation-duration:.4s,.8s;animation-timing-function:ease,cubic-bezier(.07,.89,.79,.95);animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:.6s;animation-fill-mode:forwards;animation-timeline:auto,auto}.fade-2{opacity:0;animation-name:fade,translate;animation-duration:.8s,.8s;animation-timing-function:ease,cubic-bezier(.07,.89,.79,.95);animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:.7s;animation-fill-mode:forwards;animation-timeline:auto,auto}.fade-3{opacity:0;animation-name:fade,translate;animation-duration:.8s,.8s;animation-timing-function:ease,cubic-bezier(.07,.89,.79,.95);animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:.8s;animation-fill-mode:forwards;animation-timeline:auto,auto}.fade-4{opacity:0;animation-name:fade,translate;animation-duration:.8s,.8s;animation-timing-function:ease,cubic-bezier(.07,.89,.79,.95);animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:.9s;animation-fill-mode:forwards;animation-timeline:auto,auto}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes translate{0%{transform:translateY(48px)}to{transform:translateY(0)}}.title{color:var(--large-heading-color);margin:0;line-height:1.05}.tagline{color:var(--text-color);letter-spacing:-.0125rem;margin:6px 0 16px;font-size:clamp(18px,2.6vw,28px);font-weight:500}.bio{color:var(--text-color);text-align:justify;letter-spacing:-.0125rem;font-size:24px;font-weight:300}@media screen and (max-width:1310px){.about-container{grid-template-areas:"img""txt";padding:64px 96px}.text-container{width:unset;justify-self:center}.image-container,.text-container{padding-bottom:unset;padding:16px}.hero-container{padding-top:100px}.text-content-container{text-align:center}.icon-container{justify-content:center}}@media screen and (max-width:799px){.about-container{padding:32px 64px}.bio{font-size:22px}}@media screen and (max-width:599px){.bio{font-size:20px}.hero-container{font-size:clamp(16px,4vw,32px)}.about-container{padding:16px}}@media screen and (max-width:478px){.about-container{padding:8px}.image-container{aspect-ratio:1;box-sizing:border-box;width:100%;min-width:100%;height:100%}.text-content-container{text-align:start}.icon-container{justify-content:start}.bio{font-size:16px}}