body
{
    margin: 0;
    min-height: 100%;
    background-color: #000;
    font-family: Montserrat,sans-serif;
    color: #1a1b1f;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    -o-object-fit: fill;
    object-fit: fill
}

.homepage {
        display: flex; 
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        background-color: #000;
        color: #000;
}


.homepage_hero
{
    display: flex;
    width: 100%;
    height: 100%;
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    border-radius: 16px;
    background-color: #000;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
}

.h1-header
{
    font-family: 'Open Sans',sans-serif;
    color: #fff;
    font-size: 39px;
    line-height: 150%;
    font-weight: 800;
    text-align: center;
    letter-spacing: 0;
    
}

.h2-subtitle
{
    font-family: 'Fira Code', monospace;
    color: #fff;
    font-size: 39px;
    line-height: 100%;
    font-weight: 400;
    text-align: center;
    letter-spacing: -.1em;
}

p
{
    font-family: Open Sans,sans-serif;
    color: #fff;
    font-size: 20px;
    line-height: 150%;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.25;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}