#about{margin:0 auto}#about section{margin:0 auto 8em}#intro{display:flex;flex-wrap:wrap;flex-direction:column;margin:0 auto;max-width:1140px}#intro h2{opacity:0;animation:fadein 1s ease-in forwards}#intro h3{max-width:380px}#intro img{height:auto;max-height:600px;max-width:100%;object-fit:cover}#intro p{max-width:600px}.intro-section{display:flex;gap:2em;align-items:center;justify-content:space-between;flex-wrap:wrap}.scene-container{overflow:hidden}.scene-container .webgl{display:block;max-width:1000px;width:100%;height:100%;margin:0 auto}#about #skills{position:relative}#skills{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:5em;padding:1.5em 0}#skills aside{width:400px;max-width:100%}.skill-title{padding-bottom:.1em}#skills h4{width:60px;border-bottom:1px solid var(--call-to-action);text-transform:uppercase;font-size:12px;font-family:Inter-tight,sans-serif;letter-spacing:.175em;font-weight:700}.skill-list{display:flex;gap:4em}#skills div ul{padding-left:.5em;margin:0}#for-fun-section{display:flex;flex-wrap:wrap;justify-content:center;gap:5em}#contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;gap:5em}#contact-header img{width:300px;height:300px}#contact-info{max-width:620px}.email-container{display:flex;flex-wrap:wrap;align-items:center;gap:1em;padding-top:1.25em}#email{font-family:Inter-tight,sans-serif;font-weight:500;letter-spacing:.05em;text-transform:uppercase}#copyButton{font-family:Inter-tight,serif;font-size:1em;letter-spacing:.05em;color:var(--call-to-action);border:2px solid var(--call-to-action);background-color:var(--dark-background-color);border-radius:4px;padding:8px 12px;cursor:pointer}#copyButton:hover{background-color:var(--dark-foreground-color)}#icon-container{max-width:600px;display:flex;justify-content:space-around;padding-top:3em;gap:1em}.icon{width:5vw;max-width:120px;min-width:50px;fill:var(--text-color)}.icon:hover{fill:var(--call-to-action);transition:.2s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}