#hero-wrapper{display:grid;grid-template-rows:1fr 3rem;justify-content:center;height:calc(100svh - 4.75rem)}#hero-wrapper div{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#hero-wrapper h1{text-align:center;margin-bottom:3.125rem}#profile-headshot{border:0px solid;border-radius:50%;box-shadow:0 0 6px 4px #028090}#hero-wrapper span{display:flex;flex-direction:row;justify-content:center}#fa-chevron{font-size:4rem;align-self:end;color:#1db954;animation:bounce 3s ease infinite;transition:opacity 1s ease}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@media screen and (min-width: 800px){h1{font-size:2.25rem}#fa-chevron{font-size:6rem}}#skills-wrapper{display:flex;flex-direction:column;align-items:center;margin-inline:10%}#category-headline{font-size:1.375rem}.skill-section{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:-.125rem;padding-block:2rem;border:.125rem solid white;max-width:700px;background-color:#404040}.skill-section li{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:1rem;column-gap:1rem}@media screen and (min-width: 800px){#skills-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;height:fit-content}.skill-section{height:100%}}#about-wrapper{display:flex;flex-direction:column;row-gap:3rem}#about-header{display:flex;flex-direction:column;align-items:center;row-gap:3rem;font-size:1.2rem;padding-bottom:14rem;background-color:#028090}#about-header>p{padding-top:3rem;padding-inline:2rem;max-width:50rem;font-size:1.25rem}#about-header>ul{width:100%;padding-inline:2rem;display:flex;flex-direction:row;justify-content:space-evenly;font-size:1rem;max-width:50rem}#about-skills{margin-top:-14rem}.logo-button>a{color:#028090}#projects-wrapper{display:flex;flex-direction:column;align-items:center;row-gap:1rem;margin-block:3.125rem;margin-inline:10%}.project-figure{display:flex;justify-content:center;align-items:center;row-gap:1rem;position:relative;background-color:#000;margin-inline:auto;max-width:600px;overflow:hidden}.project-image{width:100%;height:auto;aspect-ratio:attr(width) / attr(height);transition:.25s ease-in-out}.project-figcaption{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:1.2rem;row-gap:.6rem;padding:3.5rem 1.5rem;background-color:#404040;opacity:0;transition:.45s ease-in-out}.project-figure:hover .project-figcaption{opacity:1}.project-figure:hover .project-image{transform:scale(1.1)}.link-to-project{max-width:70%}@media screen and (min-width: 800px){.project-figcaption{padding-inline:10%;row-gap:2.5rem;font-size:1.6rem}.description{padding-inline:2rem}}.slide-fade-enter-active{transition:all 1s ease-out}.slide-fade-enter-from{transform:translateY(-50px) translate(-20px);opacity:0}