@font-face {
    font-family: 'Archivo Black';
    src: url('fonts/ArchivoBlack-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Space Mono';
    src: url('fonts/SpaceMono-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

body {
    background-color: #0D0D0D;
    color: #D1D5DB;
    font-family: 'Inter', sans-serif;
    font-size: 1.25rem;
    line-height: 1.7;
    margin: 0;
    padding: 10vh 5vw;
    display: flex;
    justify-content: center;
    -webkit-font-smoothing: antialiased;
}

main {
    width: 100%;
    max-width: 60ch;
}

article {
    margin-bottom: 7rem;
}

h2 {
    font-family: 'Archivo Black', sans-serif;
    font-size: clamp(2.5rem, 5vw, 3.8rem);
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: -0.02em;
    margin: 0 0 1.2rem 0;
    text-wrap: balance;
}

time {
    display: block;
    font-family: 'Space Mono', monospace;
    font-size: 0.9rem;
    color: #FF5A45;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-bottom: 2rem;
}

p {
    margin: 0;
    text-align: left;
    font-weight: 400;
}

strong {
    font-family: 'Archivo Black', sans-serif;
    font-size: 0.85em;
    font-weight: normal;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0.1em;
}

em {
    font-style: italic;
    font-weight: 500;
    color: #FF5A45;
}