* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 16px;
}

body {
    background: #FBFCF4;
    font-family: "indivisible";
    font-size: 1rem;
    line-height: 1.25;
}

b, strong {
    font-family: "commuters-sans";
}

header {
    padding: 2rem 1rem;
    height: 70vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

h1 {
    margin: 4rem auto 1rem;
    text-indent: 200vw;
    white-space: nowrap;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2037.02 336.44'%3E%3Cpath stroke='none' fill='%23242d2b' d='m14.68 225.02-4.49-55.84h14.44c4.49 32.73 32.73 57.12 62.25 57.12 23.75 0 38.83-13.8 38.83-34.66 0-58.08-108.46-53.91-108.46-122.9 0-32.41 27.92-60.65 67.07-60.65 18.93 0 38.51 4.17 51.02 11.87l3.53 55.19h-14.12c-3.53-28.24-23.43-45.89-47.17-45.89-19.25 0-34.66 12.19-34.66 30.81 0 47.17 112.31 50.38 112.31 120.98 0 34.02-26.64 64.18-72.2 64.18-21.18 0-52.31-8.02-68.35-20.22ZM179.62 197.74V120.4c0-7.38-5.78-12.19-22.78-15.72V93.13c15.4-.32 32.09-1.6 47.49-3.21v102.05c0 23.42 6.74 30.49 24.07 30.49 14.76 0 23.75-4.17 35.3-12.52v-89.53c0-7.38-6.1-12.19-27.92-15.72V93.14c20.54-.32 37.22-1.6 52.63-3.21v121.3c0 7.38 6.42 12.19 23.43 15.72v11.55c-15.72.32-31.13 1.6-46.85 3.21v-16.37c-19.58 13.8-30.81 18.61-47.17 18.61-26.96 0-38.19-13.16-38.19-46.21ZM344.55 298.83V120.41c0-7.38-6.1-12.19-23.1-15.72V93.14c15.4-.32 31.13-1.6 46.53-3.21v15.08c13.8-9.95 31.13-14.76 46.53-14.76 32.41 0 50.7 21.82 50.7 75.09 0 47.81-28.56 79.58-68.67 79.58-9.63 0-18.93-2.57-26.96-6.42v60.33c0 7.38 3.21 10.59 30.16 15.72v11.55h-78.3v-11.55c17.01-3.53 23.1-8.34 23.1-15.72Zm61.62-70.6c20.22 0 33.05-15.4 33.05-57.44 0-44.29-14.76-59.69-37.22-59.69-10.27 0-22.14 2.57-32.41 8.34v89.53c10.91 14.12 25.35 19.25 36.58 19.25ZM496.01 298.83V120.41c0-7.38-6.1-12.19-23.1-15.72V93.14c15.4-.32 31.13-1.6 46.53-3.21v15.08c13.8-9.95 31.13-14.76 46.53-14.76 32.41 0 50.7 21.82 50.7 75.09 0 47.81-28.56 79.58-68.67 79.58-9.63 0-18.93-2.57-26.96-6.42v60.33c0 7.38 3.21 10.59 30.16 15.72v11.55h-78.3v-11.55c17.01-3.53 23.1-8.34 23.1-15.72Zm61.62-70.6c20.22 0 33.05-15.4 33.05-57.44 0-44.29-14.76-59.69-37.22-59.69-10.27 0-22.14 2.57-32.41 8.34v89.53c10.91 14.12 25.35 19.25 36.58 19.25ZM635.6 168.54c0-44.93 26.64-78.62 67.07-78.62s61.29 26.64 61.29 76.7c0 44.93-26.31 78.62-66.75 78.62s-61.61-26.64-61.61-76.7Zm69.63 59.69c19.57 0 32.73-14.76 32.73-58.73 0-39.79-20.86-62.58-43.64-62.58-19.57 0-32.73 14.76-32.73 58.73 0 39.79 20.86 62.58 43.64 62.58ZM799.57 213.79v-93.38c0-7.38-5.78-12.19-22.78-15.72V93.14c15.4-.32 32.09-1.6 47.81-3.21v32.41c11.55-23.75 26.63-32.41 47.49-32.41 14.44 0 19.9 4.81 19.9 9.63 0 8.66-9.95 18.61-13.8 19.25-7.38-4.17-14.12-6.42-21.82-6.42-11.23 0-25.03 11.87-31.77 42.04v59.37c0 7.38 3.21 10.59 26.63 15.72v11.55h-74.77v-11.55c17.01-3.53 23.1-8.34 23.1-15.72ZM917.65 197.74v-88.57h-22.46V96.01l22.46-1.6V68.42l16.04-17.97h8.66v42.68h35.62v17.01l-35.62-.32v82.15c0 23.42 6.74 30.49 20.54 30.49 9.31 0 16.04-2.57 24.71-8.02l7.06 11.55c-16.69 13.48-29.52 17.97-42.68 17.97-23.1 0-34.34-13.16-34.34-46.21ZM1027.4 213.79v-93.38c0-7.38-5.78-12.19-22.78-15.72V93.14c15.4-.32 32.09-1.6 47.81-3.21V213.8c0 7.38 3.21 10.59 22.78 15.72v11.55h-70.92v-11.55c17.01-3.53 23.1-8.34 23.1-15.72ZM1035.74 19c11.55 0 18.29 3.85 18.29 16.05 0 14.12-8.02 19.9-20.22 19.9-11.55 0-17.97-3.85-17.97-16.05 0-14.12 7.7-19.9 19.9-19.9ZM1197.47 213.79v-71.56c0-23.42-6.74-30.49-24.07-30.49-14.76 0-26.64 4.17-38.83 12.52v89.53c0 7.38 3.21 10.59 22.78 15.72v11.55h-70.92v-11.55c17.01-3.53 23.1-8.34 23.1-15.72v-93.38c0-7.38-6.1-12.19-23.1-15.72V93.14c15.4-.32 31.13-1.6 46.53-3.21v19.25c20.54-13.8 34.34-18.93 51.02-18.93 26.96 0 38.19 13.16 38.19 46.21v77.34c0 7.38 3.21 10.59 22.78 15.72v11.55h-70.92v-11.55c17.01-3.53 23.43-8.34 23.43-15.72ZM1248.17 285.67c0-17.01 12.19-31.45 25.03-40.11-5.46-2.25-9.95-6.1-12.19-12.2 0-7.06 10.27-20.54 25.99-31.45-17.97-9.31-25.67-29.52-25.67-52.63 0-30.81 24.07-59.37 60.65-59.37 12.84 0 22.46 2.89 30.16 8.34 7.7-5.13 17.01-7.7 25.99-7.7 14.44 0 19.9 4.81 19.9 9.63 0 8.02-8.02 17.65-13.8 19.25-7.06-5.78-13.16-8.66-20.86-8.66h-1.28c6.42 9.31 10.59 22.78 10.59 36.58 0 31.13-25.67 60.01-60.33 60.01-2.89 0-5.46 0-7.7-.32-10.27 4.81-17.65 11.55-21.82 19.9 83.11-5.13 101.08 8.66 101.08 45.89 0 26.64-24.71 57.76-74.13 57.76-44.93 0-61.61-20.22-61.61-44.93Zm75.41 28.24c25.99 0 38.19-14.12 38.19-36.58 0-37.22-45.89-24.39-76.37-28.56-5.45 4.81-10.91 13.8-10.91 27.6 0 18.93 17.97 37.54 49.1 37.54Zm-4.5-121.3c17.97 0 26.31-13.16 26.31-41.07 0-29.52-9.95-46.85-30.16-46.85s-27.28 11.87-27.28 40.11c0 32.09 12.19 47.81 31.13 47.81ZM1490.31 128.75c0-72.52 39.15-120.02 93.06-120.02 23.75 0 40.43 12.52 46.85-2.89h13.8l3.53 64.5h-14.44c-4.49-25.67-27.6-41.72-52.31-41.72-38.83 0-57.12 28.88-57.12 93.06s30.49 98.52 71.88 98.52c19.9 0 37.22-8.34 50.7-26.63l10.91 9.31c-17.97 31.13-43.32 42.04-73.16 42.04-49.42 0-93.7-41.07-93.7-116.16ZM1750.87 225.98c-13.8 12.2-29.84 17.65-43.64 17.65-20.86 0-35.62-15.08-35.62-40.43 0-23.42 1.61-26.96 78.3-44.28l.32-16.69c.32-20.54-8.66-31.77-28.24-31.77-11.87 0-24.07 4.81-35.62 15.72l-8.02-9.31c14.12-16.37 33.69-26.63 52.63-26.63 30.16 0 44.28 13.16 43.96 46.21l-.64 74.77c0 8.02 3.85 13.48 17.97 15.72v11.55c-10.27.32-25.99 1.6-41.4 3.21v-15.72Zm-31.45-2.89c8.99 0 21.18-4.17 29.84-14.44l.64-33.05c-50.7 10.59-53.27 14.76-53.27 24.39 0 13.48 9.63 23.1 22.78 23.1ZM1808.63 231.76l-.32-35.62h14.12c1.93 19.89 16.37 33.05 40.43 33.05 21.18 0 28.88-9.63 28.88-21.5 0-37.87-78.3-29.52-78.3-77.02 0-20.54 24.07-40.75 51.66-40.75 16.37 0 30.81 4.49 39.79 10.59v33.37h-13.8c-1.6-18.29-13.16-26.96-31.13-26.96-15.08 0-24.39 5.13-24.39 17.97 0 28.56 80.55 25.03 80.55 75.41 0 22.14-21.82 44.93-56.8 44.93-17.97 0-42.04-6.42-50.7-13.48ZM1949.82 197.74v-88.57h-22.46V96.01l22.46-1.6V68.42l16.04-17.97h8.66v42.68h35.62v17.01l-35.62-.32v82.15c0 23.42 6.74 30.49 20.54 30.49 9.31 0 16.04-2.57 24.71-8.02l7.06 11.55c-16.69 13.48-29.52 17.97-42.68 17.97-23.1 0-34.34-13.16-34.34-46.21Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 30vh;
    width: 100%;
    max-width: 45rem;
    overflow: hidden;
}

.subtitle {
    font-family: "indivisible";
    text-align: center;
    margin: 1rem 1rem 2rem;
}

@media (min-width: 640px) {
    .subtitle {
        font-size: 2rem;
    }
}

.marquee {
    background: #00BC59;
    text-transform: uppercase;
    --gap: 1rem;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
    font-weight: bold;
    font-family: "commuters-sans";
}

.marquee p {
    padding: .75rem 0;
}

.marquee a {
    color: inherit;
    text-decoration: none;
}

.marquee__content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    min-width: 100%;
    gap: var(--gap);
}

.marquee__content .bull {
    width: .5rem;
    height: .55rem;
    padding: 0;
    background: currentColor;
    border-radius: 50%;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-100% - var(--gap)));
    }
}

@media (prefers-reduced-motion: reduce) {
    .marquee__content {
        animation-play-state: paused !important;
    }
}

.marquee__content {
    animation: scroll 30s linear infinite;
}

.marquee:hover .marquee__content {
    animation-play-state: paused;
}

main {
    margin: 4rem auto;
    padding: 0 1rem;
    max-width: 60rem;
}

main > * {
    margin-bottom: 3rem;
}

@media (min-width: 640px) {
    main {
        display: grid;
        grid-gap: 2rem;
        grid-template-columns: 33% 66%;
        grid-template-rows: auto auto;
    }
}

.main {
    display: grid;
    grid-gap: 2rem;
    grid-template-areas:
    "preamble preamble"
    "column1  column2";
}

.preamble {
    font-weight: bold;
    font-family: "commuters-sans";
    margin-bottom: 3rem;
    grid-area: preamble;
}

.preamble p {
	margin: 0;
}

.column {
    grid-area: column1;
}

.column + .column {
    grid-area: column2;
}

ul {
    margin: 2rem 0;
}

li {
    list-style: none;
}

.bio {
    display: grid;
    grid-column: 1 / span 2;
    grid-template-columns: subgrid;
}

figure {
    margin-bottom: 3rem;
}

.bio img {
    display: block;
    width: 100%;
}

.hi p {
    margin-bottom: 2rem;
}