@charset "UTF-8";
.header-links {
  display: none;
  justify-content: space-around;
  position: absolute;
  bottom: 1rem;
  width: 100%;
}
.loaded .header-links {
  display: flex;
}
.header-links > div:first-child,
.header-links > div:last-child {
  width: 100%;
  text-align: center;
}
.header-links .header-link {
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 2;
  padding: 6px;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 4s ease-in-out, transform 3s ease;
  pointer-events: none;
}
.header-links .header-link.down-arrow {
  transform: translateY(-24px);
  transition: opacity 2s ease-in-out 2.5s, transform 2s ease 2.5s;
}
.ready.at-header .header-links .header-link {
  opacity: 1;
  transform: translateY(0);
  pointer-events: initial;
}
.ever-scrolled .header-links .header-link {
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-out;
}

.down-arrow::before,
.up-arrow::before {
  display: inline-block;
  position: relative;
  content: "⟨";
  line-height: 1;
  font-size: 2rem;
  font-weight: 400;
  transform: rotate(-90deg);
  right: 2.5px;
}

.up-arrow::before {
  transform: rotate(90deg);
}

#header {
  scroll-snap-align: start;
}

#loading-indicator .loading-indicator-text-fname,
#loading-indicator .loading-indicator-text-lname {
  transition: transform 3s ease-in;
}

body.loaded #loading-indicator .loading-indicator-icon .traveler {
  animation: traveler-last 1s forwards;
}
body.loaded #loading-indicator .loading-indicator-icon .line-bottom-left {
  bottom: 0px;
  left: 0px;
  width: 47px;
  transform-origin: 100% 50%;
  animation: line-bottom-left 0.1s forwards 0.35s;
}
body.loaded #loading-indicator .loading-indicator-icon .line-left {
  bottom: 0px;
  left: 0px;
  height: 110px;
  transform-origin: 50% 100%;
  animation: line-left 0.25s forwards 0.45s;
}
body.loaded #loading-indicator .loading-indicator-icon .line-top {
  top: 0px;
  left: 0px;
  width: 110px;
  transform-origin: 0 50%;
  animation: line-top 0.25s forwards 0.7s;
}
body.loaded #loading-indicator .loading-indicator-icon .line-right {
  top: 0px;
  right: 0px;
  height: 110px;
  transform-origin: 50% 0;
  animation: line-right 0.25s forwards 0.95s;
}
body.loaded #loading-indicator .loading-indicator-icon .line-bottom-right {
  bottom: 0px;
  right: 0px;
  width: 57px;
  transform-origin: 100% 50%;
  animation: line-bottom-right 0.15s forwards 1.2s;
  z-index: 2;
}
body.loaded #loading-indicator .loading-indicator-icon .line-t1 {
  padding: 0 3px;
  top: 20px;
  left: 47px;
  height: 90px;
  transform-origin: 50% 100%;
  animation: line-t1 1.125s forwards 1.35s;
  background-color: #f1f1f2;
  z-index: 1;
}
body.loaded #loading-indicator .loading-indicator-icon .line-t1::after {
  display: block;
  content: "";
  background-color: #231f20;
  width: 100%;
  height: 100%;
}
body.loaded #loading-indicator .loading-indicator-icon .line-t2 {
  top: 20px;
  left: 20px;
  width: 70px;
  transform-origin: 50% 50%;
  animation: line-t2 0.875s forwards 2.475s;
  z-index: 2;
}
body.loaded #loading-indicator .loading-indicator-icon .line-g1 {
  top: 40px;
  left: 20px;
  width: 70px;
  transform-origin: 100% 50%;
  animation: line-g1 0.5185185185s forwards 1.35s;
}
body.loaded #loading-indicator .loading-indicator-icon .line-g2 {
  top: 40px;
  left: 20px;
  height: 50px;
  transform-origin: 50% 0%;
  animation: line-g2 0.3703703704s forwards 1.8685185185s;
}
body.loaded #loading-indicator .loading-indicator-icon .line-g3 {
  top: 80px;
  left: 20px;
  width: 70px;
  transform-origin: 0% 50%;
  animation: line-g3 0.5185185185s forwards 2.2388888889s;
}
body.loaded #loading-indicator .loading-indicator-icon .line-g4 {
  top: 60px;
  left: 80px;
  height: 30px;
  transform-origin: 50% 100%;
  animation: line-g4 0.2222222222s forwards 2.7574074074s;
  z-index: 3;
}
body.loaded #loading-indicator .loading-indicator-icon .line-g5 {
  top: 56px;
  left: 40px;
  width: 50px;
  padding: 3px 0;
  transform-origin: 100% 50%;
  animation: line-g5 0.3703703704s forwards 2.9796296296s;
  z-index: 2;
  background-color: #f1f1f2;
}
body.loaded #loading-indicator .loading-indicator-icon .line-g5::after {
  display: block;
  content: "";
  background-color: #231f20;
  width: 100%;
  height: 100%;
}
body.loaded #loading-indicator .loading-indicator-text-loading {
  transform: rotateY(-180deg);
}
body.loaded #loading-indicator .loading-indicator-text-fname {
  transform: rotateY(0deg);
}
body.loaded #loading-indicator .loading-indicator-text-lname {
  transform: rotateY(0deg);
}

@keyframes traveler-last {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes line-bottom-left {
  0% {
    opacity: 1;
    transform: scaleX(calc(1/5));
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes line-left {
  0% {
    opacity: 1;
    transform: scaleY(calc(1/11));
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes line-top {
  0% {
    opacity: 1;
    transform: scaleX(calc(1/11));
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes line-right {
  0% {
    opacity: 1;
    transform: scaleY(calc(1/11));
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes line-bottom-right {
  0% {
    opacity: 1;
    transform: scaleX(calc(1/6));
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes line-t1 {
  0% {
    opacity: 1;
    transform: scaleY(calc(1/9));
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes line-t2 {
  0% {
    opacity: 1;
    transform: scaleX(calc(1/7));
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes line-g1 {
  0% {
    opacity: 1;
    transform: scaleX(calc(1/7));
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes line-g2 {
  0% {
    opacity: 1;
    transform: scaleY(calc(1/5));
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes line-g3 {
  0% {
    opacity: 1;
    transform: scaleX(calc(1/7));
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes line-g4 {
  0% {
    opacity: 1;
    transform: scaleY(calc(1/3));
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes line-g5 {
  0% {
    opacity: 1;
    transform: scaleX(calc(1/5));
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
.svg-logo-first-name {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCiAgICAgdmlld0JveD0iMCAwIDY1MCA2MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDY1MCA2MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgIC5zdDB7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjE2Ljc4Mzg7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQogICAgLnN0MXtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8ZyBpZD0iYmFja2dyb3VuZCI+CjwvZz4KPGcgaWQ9Im1hcmtzIj4KICAgIDxnPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMjE4LjE5LDMxNC40OHYxMi43OWgtMTQuMjZ2NjQuN2gtMTcuNDJ2LTY0LjdoLTE0LjEzdi0xMi43OUgyMTguMTl6Ii8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNzEuMDIsMzkxLjk3aC0xNy40MnYtMjUuMWwtMTkuNDktNTIuMzloMTcuNzlsMTAuMzYsMzYuNDNsOS42Mi0zNi40M2gxNy43OWwtMTguNjQsNTIuNTFWMzkxLjk3eiIvPgogICAgICAgICAgICA8cGF0aCBkPSJNMzI1LjA4LDM3OS4xOGgyMi4zdjEyLjc5aC0zOS42di03Ny40OWgxNy4zVjM3OS4xOHoiLz4KICAgICAgICAgICAgPHBhdGggZD0iTTM4Mi44NCwzNzkuMThoMjQuODZ2MTIuNzloLTQyLjI4di03Ny40OWg0MS4zdjEyLjc5aC0yMy44OHYxOC44OWgyMC4zNXYxMi43OWgtMjAuMzVWMzc5LjE4eiIvPgogICAgICAgICAgICA8cGF0aCBkPSJNNDQzLjk5LDM2Mi45N3YyOWgtMTcuM3YtNzcuNDloMzEuOTJjMTAuMjMsMCwxNS4zNSw0LjQ3LDE1LjM1LDEzLjR2MjEuNjljMCw3LjE1LTMuMjUsMTEuNDUtOS43NSwxMi45MmwxMy42NSwyOS40OQogICAgICAgICAgICAgICAgaC0xOC42NGwtMTIuMTgtMjlINDQzLjk5eiBNNDQzLjk5LDMyNy4yN3YyMy4zOWg5LjM4YzEuMTQsMCwxLjk1LTAuMjIsMi40NC0wLjY3YzAuNDktMC40NSwwLjczLTEuMiwwLjczLTIuMjV2LTE3LjQyCiAgICAgICAgICAgICAgICBjMC0yLjAzLTEuMDYtMy4wNS0zLjE3LTMuMDVINDQzLjk5eiIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9nPgo8L3N2Zz4K");
  background-size: 150%;
  background-position: center -143px;
  background-repeat: no-repeat;
}

.svg-logo-last-name {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCiAgICAgdmlld0JveD0iMCAwIDY1MCA2MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDY1MCA2MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgIC5zdDB7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjE2Ljc4Mzg7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQogICAgLnN0MXtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8ZyBpZD0iYmFja2dyb3VuZCI+CjwvZz4KPGcgaWQ9Im1hcmtzIj4KICAgIDxnPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMTc3LjE0LDQ0NS4wN2gtMTcuNDJ2LTEwLjExYzAtMi4wMy0xLjEtMy4wNS0zLjI5LTMuMDVoLTVjLTIuMTksMC0zLjI5LDEuMDItMy4yOSwzLjA1djQ3LjUyCiAgICAgICAgICAgICAgICBjMCwxLjE0LDAuMjQsMS45MywwLjczLDIuMzhjMC40OSwwLjQ1LDEuMzQsMC42NywyLjU2LDAuNjdoNWMxLjIyLDAsMi4wNy0wLjIyLDIuNTYtMC42N2MwLjQ5LTAuNDUsMC43My0xLjI0LDAuNzMtMi4zOHYtMTUuMTEKICAgICAgICAgICAgICAgIGgtNi4wOXYtMTEuNTdoMjMuNTF2MjguMjdjMCw4Ljk0LTUuMTIsMTMuNC0xNS4zNSwxMy40aC0xNS43MmMtMTAuMjMsMC0xNS4zNS00LjQ3LTE1LjM1LTEzLjR2LTUwLjY4CiAgICAgICAgICAgICAgICBjMC04LjkzLDUuMTItMTMuNCwxNS4zNS0xMy40aDE1LjcyYzEwLjIzLDAsMTUuMzUsNC40NywxNS4zNSwxMy40VjQ0NS4wN3oiLz4KICAgICAgICAgICAgPHBhdGggZD0iTTIxNC41NSw0ODQuNjdoMjQuODZ2MTIuNzloLTQyLjI4di03Ny40OWg0MS4zdjEyLjc5aC0yMy44OHYxOC44OGgyMC4zNXYxMi43OWgtMjAuMzVWNDg0LjY3eiIvPgogICAgICAgICAgICA8cGF0aCBkPSJNMjc1LjcsNDY4LjQ2djI5aC0xNy4zdi03Ny40OWgzMS45MmMxMC4yMywwLDE1LjM1LDQuNDcsMTUuMzUsMTMuNHYyMS42OWMwLDcuMTUtMy4yNSwxMS40NS05Ljc1LDEyLjkybDEzLjY1LDI5LjQ5CiAgICAgICAgICAgICAgICBoLTE4LjY0bC0xMi4xOC0yOUgyNzUuN3ogTTI3NS43LDQzMi43NnYyMy4zOWg5LjM4YzEuMTQsMCwxLjk1LTAuMjIsMi40NC0wLjY3YzAuNDktMC40NSwwLjczLTEuMiwwLjczLTIuMjV2LTE3LjQyCiAgICAgICAgICAgICAgICBjMC0yLjAzLTEuMDYtMy4wNS0zLjE3LTMuMDVIMjc1Ljd6Ii8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNjUuODYsNDk3LjQ2bC0yLjY4LTE0LjAxaC0xNy42N2wtMi42OCwxNC4wMWgtMTcuMThsMTcuNTQtNzcuNDloMjIuMTdsMTguMDMsNzcuNDlIMzY1Ljg2eiBNMzQ3Ljk1LDQ3MC43OGgxMi42NwogICAgICAgICAgICAgICAgTDM1NC4yOCw0MzhMMzQ3Ljk1LDQ3MC43OHoiLz4KICAgICAgICAgICAgPHBhdGggZD0iTTQxOC45OCw0NjguNDZ2MjloLTE3LjN2LTc3LjQ5aDMxLjkyYzEwLjIzLDAsMTUuMzUsNC40NywxNS4zNSwxMy40djIxLjY5YzAsNy4xNS0zLjI1LDExLjQ1LTkuNzUsMTIuOTJsMTMuNjUsMjkuNDkKICAgICAgICAgICAgICAgIGgtMTguNjRsLTEyLjE4LTI5SDQxOC45OHogTTQxOC45OCw0MzIuNzZ2MjMuMzloOS4zOGMxLjE0LDAsMS45NS0wLjIyLDIuNDQtMC42N2MwLjQ5LTAuNDUsMC43My0xLjIsMC43My0yLjI1di0xNy40MgogICAgICAgICAgICAgICAgYzAtMi4wMy0xLjA2LTMuMDUtMy4xNy0zLjA1SDQxOC45OHoiLz4KICAgICAgICAgICAgPHBhdGggZD0iTTQ3MS41Miw0MTkuOTdoMzIuMjljMTAuMzEsMCwxNS40Nyw0LjQ3LDE1LjQ3LDEzLjR2NTAuNTZjMCw5LjAyLTUuMTYsMTMuNTItMTUuNDcsMTMuNTJoLTMyLjI5VjQxOS45N3ogTTUwMS44NSw0ODIuNDcKICAgICAgICAgICAgICAgIHYtNDcuNTJjMC0yLjAzLTEuMS0zLjA1LTMuMjktMy4wNWgtOS42MnY1My42MWg5LjYyQzUwMC43Niw0ODUuNTIsNTAxLjg1LDQ4NC41LDUwMS44NSw0ODIuNDd6Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L2c+Cjwvc3ZnPgo=");
  background-size: 150%;
  background-position: center -192px;
  background-repeat: no-repeat;
}

input,
textarea {
  display: block;
  width: 100%;
  text-align: center;
}

input,
textarea {
  margin: 0 auto 8px;
  padding: 6px 12px;
}

textarea {
  width: 100%;
  min-height: 126px;
  height: 1px;
  max-height: 320px;
}

@media only screen and (min-width: 824px) {
  textarea {
    min-width: 435px;
    max-width: 100%;
  }
}
#list-scroller {
  display: inline-block;
  height: 1em;
  overflow-y: hidden;
  overflow-x: visible;
  text-align: left;
}
#list-scroller ul {
  margin: 0;
  padding: 0;
  list-style: none;
  animation: 10s infinite normal scrolling-list linear;
  text-align: center;
}

@keyframes scrolling-list {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
#list-accelerator {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#list-accelerator ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#list-accelerator li {
  position: absolute;
  left: 50%;
  top: 50%;
  transition: transform 2.5s ease-out;
  transform: translate(-50%, -50%);
  opacity: 0;
}
#list-accelerator li.accelerated {
  animation: accelerated 1.5s linear 1s;
}

@keyframes accelerated {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Disable main content */
.primary-content {
  display: none;
}

#stylesheet-tester {
  position: absolute;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
}

a {
  color: inherit;
}

#wrapper {
  display: none;
  position: static;
  height: 100%;
}
.loaded #wrapper {
  display: block;
}

.main,
#footer {
  position: relative;
  height: 100%;
  text-align: center;
  align-items: center;
  flex-direction: column;
}

.main {
  justify-content: space-between;
}

body.hide-primary-content .primary-content {
  display: none;
}

#footer,
#resume {
  justify-content: center;
}

#resume {
  display: none;
}
.show-resume #resume {
  display: flex;
}
#resume .resume-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin-top: 32px;
}

#resume-down-link {
  transition: opacity 0.25s ease-in-out, transform 0.25s ease;
  opacity: 0;
  transform: translateY(-12px);
  pointer-events: none;
}
body.at-resume #resume #resume-down-link {
  opacity: 1;
  transform: translateY(0);
  pointer-events: initial;
}

#resume-down-link span {
  text-decoration: none;
  position: absolute;
  text-transform: uppercase;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 600;
}

#up-link,
#resume-up-link {
  position: absolute;
  top: 24px;
  left: 50%;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease;
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
}
body.at-footer #footer #up-link, body.at-resume #resume #up-link,
body.at-footer #footer #resume-up-link,
body.at-resume #resume #resume-up-link {
  opacity: 1;
  transform: translateY(0);
  pointer-events: initial;
}

.down-link {
  position: absolute;
  bottom: 24px;
  left: 50%;
}

.container {
  position: fixed;
  margin: 0 auto;
  width: 100%;
  padding: 0 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 824px) {
  .container {
    width: auto;
    max-width: 800px;
    padding: 0;
  }
}
.primary-content {
  color: #f1f1f2;
}

.bg {
  position: relative;
  background-size: 200% 200%;
  background-position: 50% 50%;
  width: 100%;
  height: 100%;
  clip-path: content-box;
  scroll-snap-align: start;
}

.career-bg {
  background-image: url("./images/code.webp");
}

.stack-bg {
  background-image: url("./images/pancakes.jpg");
}

.accelerator-bg {
  background-image: url("./images/collider.jpg");
}

.resume-bg {
  background-color: #231f20;
  color: #f1f1f2;
}

#resume-buffer {
  background-color: #231f20;
  height: 32%;
  display: none;
}
body.show-resume-buffer #resume-buffer {
  display: block;
}

.contact-container p {
  margin-bottom: 32px;
}

.contact-bg {
  background-color: #231f20;
  color: #f1f1f2;
}
.contact-bg textarea,
.contact-bg input {
  background-color: #231f20;
  outline: none;
  border: 2px solid #f1f1f2;
  color: #f1f1f2;
  font-family: "Courier New", Courier, monospace;
}
.contact-bg input[type=submit] {
  text-transform: uppercase;
  width: auto;
  background-color: #f1f1f2;
  color: #231f20;
  font-weight: 800;
  cursor: pointer;
}
body.invert-contact .contact-bg {
  background-color: #f1f1f2;
  color: #231f20;
}
body.invert-contact .contact-bg textarea,
body.invert-contact .contact-bg input {
  background-color: #f1f1f2;
  border-color: #231f20;
  color: #231f20;
}
body.invert-contact .contact-bg input[type=submit] {
  background-color: #231f20;
  color: #f1f1f2;
}

#contact-sending,
#contact-sent,
#contact-error {
  display: none;
  position: absolute;
  width: 100%;
  padding-top: 36px;
}

.sending #contact-sending,
.sent #contact-sent,
.error #contact-error {
  display: block;
}

.sending #contact-form,
.sent #contact-form,
.error #contact-form {
  z-index: -1;
  position: relative;
  opacity: 0;
  pointer-events: none;
}

#contact-sending .traveler {
  width: 10px;
  height: 10px;
  position: absolute;
  transform: scale(0);
  box-sizing: content-box;
  top: 100px;
  left: 50%;
  margin-left: 65px;
  opacity: 1;
  animation: traveler 2s infinite -1s;
  background-color: #f1f1f2;
}
body.invert-contact #contact-sending .traveler {
  background-color: #231f20;
}

html {
  scroll-snap-type: y proximity;
}

/*# sourceMappingURL=main.css.map */