.introduction{flex-direction:column;justify-content:center;align-items:center;gap:1vh;margin-top:calc(40vh - 5rem);margin-bottom:40vh;display:flex}.introduction #intro-heading{text-align:left;--shadow-align-x:0ch;--shadow-align-y:-1.8ch;margin-bottom:10vh;font-family:Courier New,Courier,monospace;font-size:6.5rem;font-weight:700}#arrow-1{opacity:0;animation:3s 1s infinite arrow-anim}#arrow-2{opacity:0;animation:3s 1.1s infinite arrow-anim}#arrow-3{opacity:0;animation:3s 1.2s infinite arrow-anim}@keyframes arrow-anim{0%{opacity:0;transform:translateY(0)}30%{opacity:1;transform:translateY(80px)}80%{opacity:0}to{opacity:0;transform:translateY(0)}}.typing-name{white-space:nowrap;border-right:3px solid;height:auto;margin:auto;padding-top:1.5ch;animation:1.2s steps(14,end) forwards typing,.6s step-end 1.8 blinking,0s 2s forwards hide-cursor;overflow:hidden}.title-accent-color{text-shadow:var(--shadow-align-x) 0px 0px var(--shadow-color);animation:2.5s forwards name-rise}@keyframes name-rise{0%{color:var(--accent-color);text-shadow:0ch 0ch 0ch var(--accent-color)}30%{color:var(--shadow-color);text-shadow:0ch 0ch 0ch var(--accent-color)}80%{text-shadow:0ch calc(var(--shadow-align-y)) 0px var(--accent-color)}to{color:var(--shadow-color);text-shadow:0ch var(--shadow-align-y) 0px var(--accent-color)}}.title-shadow-only{color:#0000;text-shadow:calc(var(--shadow-align-x) - .95ch) var(--shadow-align-y) 0px var(--accent-color)}@keyframes typing{0%{width:0}to{width:14ch}}@media (width<=600px){@keyframes typing{0%{width:0}to{width:14ch}}}@keyframes blinking{50%{border-right-color:#0000}}@keyframes hide-cursor{to{border-right-color:#0000}}.about-me-container-container{flex-direction:column;align-items:center;gap:1rem;margin:0 auto;display:flex}.about-me-container{box-shadow:var(--border-len) var(--border-len) 1px var(--box-shadow-color);justify-content:space-between;align-items:start;gap:1dwhyrem;width:min(100%,1900px);height:auto;color:inherit;background-color:#ecece7;border-radius:5px;padding:4ch;text-decoration:none;display:flex}.headshot{object-fit:cover;aspect-ratio:1;box-sizing:border-box;height:clamp(100px,25vw,900px);box-shadow:1px 1px 0px 5px var(--box-shadow-color);border-radius:50%;align-self:flex-end;margin:2vw}@media (width<=840px){.about-me-container{flex-direction:column-reverse}.headshot{align-self:center;min-height:350px}.introduction #intro-heading{font-size:4rem}}@media (width<=640px){.introduction #intro-heading{font-size:3rem}}.section-card-container{box-shadow:var(--border-len) var(--border-len) 0px var(--box-shadow-color);width:min(100%,1900px);min-width:0;height:auto;color:inherit;background-color:#ecece7;border-radius:5px;justify-content:space-between;align-items:start;gap:3rem;padding:4ch;text-decoration:none;display:flex}.section-card-date-body-container{flex-direction:row;flex:3;justify-content:space-around;display:flex}.section-card-container:hover{box-shadow:var(--border-hover-len) var(--border-hover-len) 2px var(--box-shadow-color)}.section-card-date-body-container>.section-card-date{color:var(--accent-color);flex:1 0 100px;font-family:Courier New,Courier,monospace;font-size:1.2rem;font-weight:1000}.section-card-date-body-container>.section-card-body{flex:3}.section-card-container>.section-card-img{object-fit:contain;flex:1;max-width:200px;height:clamp(100px,20vh,200px)}@media (width<=840px){.section-card-date-body-container{flex-direction:column;padding:1rem}.section-card-body,.section-card-img{flex:none;width:100%}.section-card-date{flex:none;max-height:2rem}.section-card-img{align-self:center;max-width:200px;height:clamp(100px,20vh,200px)}}@media (width<=640px){.section-card-container{flex-direction:column}}.experiences-container{flex-direction:column;align-items:center;gap:1rem;margin:0 auto;display:flex}.project-card-container{box-shadow:var(--border-len) var(--border-len) 0px var(--box-shadow-color);width:min(100%,1900px);min-width:0;height:auto;color:inherit;background-color:#ecece7;border-radius:5px;justify-content:space-between;align-items:start;gap:3rem;padding:4ch;text-decoration:none;display:flex}.project-card-date-body-container{flex-direction:row;flex:3;justify-content:space-around;display:flex}.project-card-container:hover{box-shadow:var(--border-hover-len) var(--border-hover-len) 2px var(--box-shadow-color)}.project-card-name{margin:0}.project-card-link{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.project-card-img{object-fit:cover;max-width:200px;height:clamp(100px,20vh,200px)}.project-card-details{flex-direction:column;flex:3;gap:.4rem;min-width:0;display:flex}.project-card-year{color:var(--accent-color);flex:1 0 100px;font-family:Courier New,Courier,monospace;font-size:1.2rem;font-weight:1000}.project-card-details p{margin:0}@media (width<=840px){.project-card-date-body-container{flex-direction:column;padding:1rem}.project-card-details{flex:none;width:100%}.project-card-year{flex:none;max-height:2rem}.project-card-img{align-self:center;max-width:200px;height:clamp(100px,20vh,200px)}}@media (width<=640px){.project-card-container{flex-direction:column}}.projects-container{flex-direction:column;align-items:center;gap:1rem;margin:0 auto;display:flex}.site-header{z-index:1000;background-color:var(--header-background-color);justify-content:space-between;align-items:center;gap:1rem;height:5rem;padding:0 5vw;display:flex;position:sticky;top:0}.header-section-link-container{gap:2rem;width:clamp(100px,30vw,300px);display:flex}.header-section-link{color:#fff;transition:color .1 ease;font-size:1.3rem;font-weight:700;text-decoration:none;position:relative}.header-section-link:after{content:"";transform-origin:0;background:currentColor;width:120%;height:2px;transition:transform .25s;position:absolute;bottom:0;left:-10%;transform:scaleX(0)}.header-section-link:hover:after{transform:scaleX(1)}.header-section-link:hover{color:#c2afaf}.header-contact-section{justify-content:flex-end;align-items:center;gap:2rem;display:flex}.header-contact-logo{object-fit:contain;width:30px;height:auto}.header-contact-logo:hover{animation:.45s ease-in-out wobble}@keyframes wobble{0%{transform:rotate(0)}25%{transform:rotate(8deg)}50%{transform:rotate(-8deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}@media (width<=520px){.site-header{flex-wrap:wrap;height:auto;min-height:5rem;padding:0 1rem}.header-section-link-container,.header-contact-section{gap:.65rem}.header-section-link{font-size:1rem}.header-contact-logo{width:26px}}:root{--accent-color:#8c4613;--regular-color:#26252b;--shadow-color:#753f1542;--background-color:#dedbd5;--header-background-color:#907569;--box-shadow-color:var(--header-background-color);--border-hover-len:6px;--border-len:4px;scroll-behavior:smooth;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:linear-gradient(180deg, var(--background-color) 0%, #ecece7 45%, #d8d5c8 100%);background-attachment:fixed;margin:0}h1,h3,h4,p{color:var(--regular-color)}p{color:#705946;font-size:1em}h2{text-align:center;scroll-margin-top:80px;font-size:2em}#page-content{margin:15vw}h2{color:var(--accent-color)}h4{margin:0}