html {font-family: sans-serif;scroll-behavior: smooth;@media (min-width: 1024px) {overscroll-behavior-y: none;}}* {box-sizing: border-box;}body {padding: 0;background-color: #212121;margin: 0;}.highlightArea {@media (min-width: 1024px) {position: fixed;inset: 0;pointer-events: none;}}h1,h2,h3 {color: #f5f5f5;margin-top: 0;}p {color: #e0e0e0;margin-top: 0;}main p {line-height: 1.3rem;}a {text-decoration: none;}a h3 {fill: #e0e0e0;}@media (min-width: 1024px) {a h3:hover {color: #facf57;fill: #facf57;}}.wrapper {margin-left: auto;margin-right: auto;padding-left: 3rem;padding-right: 3rem;max-width: 1280px;min-height: 100vh;}.innerWrap {@media (min-width: 1024px) {gap: 1rem;justify-content: space-between;display: flex;}@media (max-width: 1023.99px) {margin-top: 3rem;}}.introWrap {@media (min-width: 1024px) {padding-top: 6rem;padding-bottom: 6rem;display: flex;flex-direction: column;justify-content: space-between;width: 48%;max-height: 100vh;display: flex;top: 0;position: sticky;}}main {@media (max-width: 1023.99px) {margin-top: 3rem;}@media (min-width: 1024px) {padding-top: 6rem;padding-bottom: 6rem;width: 52%}}section {@media (max-width: 1023.99px) {margin-bottom: 4rem;}@media (min-width: 1024px) {margin-bottom: 8rem;}}.introWrap p,.introWrap h2 {max-width: 20rem;}.introText {font-size: 18px;line-height: 1.4rem;}ul {list-style: none;margin: 0;padding: 0;}nav {@media (max-width: 1023.99px) {display: none;}@media (min-width: 1024px) {display: block;padding-top: 1rem;}}.navList {width: max-content;}nav a {display: flex;align-items: center;padding-top: 0.75rem;padding-bottom: 0.75rem;color: #e0e0e0;}.navIndicator {width: 1.5rem;height: 1px;margin-right: 1rem;background-color: #e0e0e0;}.active .navIndicator {transition: width 0.3s;width: 3rem;background-color: #facf57;}.active .navText {color: #facf57;}.navText {text-transform: uppercase;}.socialMedia {align-items: center;display: flex;height: 24px;}.socialMedia li {margin-right: 1.25rem;flex-shrink: 0;}.socialMedia a {display: block;fill: #e0e0e0;}@media (min-width: 1024px) {.socialMedia a:hover {fill: #facf57;}}#about {scroll-margin-top: 6rem;}#experience {scroll-margin-top: 6rem;}.experienceList {list-style: none;margin: 0;padding: 0;}.experienceGap {margin-bottom: 4.5rem;}.experienceCard {grid-template-columns: repeat(8, minmax(0, 1fr));display: grid;gap: 2rem;}.experienceCardTime {grid-column: span 2/span 2;color: #e0e0e0;}.experienceCardDescription {grid-column: span 6/span 6;}.experienceCardDescription p {margin-bottom: 0;}footer p {margin-bottom: 0;}footer {@media (max-width: 1023.99px) {margin-bottom: 3rem;}}