#mail-club {
    display: flex;
    flex-wrap: wrap;
    min-height: 100vh;

    & > div {
        flex-basis: 50vh;
        flex-grow: 1;
        max-height: 100svh;
    }

    & > div:first-child {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
    }

    & > div:last-child {
        padding: 2rem;
    }
}

img {
    mix-blend-mode: darken;
    max-width: 75%;
    max-height: 75%;
}

h1 {
    color: #0c93e9;
    text-transform: none;
    margin-bottom: 2rem;

    & em {
        font-style: normal;
        font-family: "Editorial New";
        font-weight: 400;
    }
}

a.button {
    background-color: black;
    color: whitesmoke;
    text-transform: uppercase;
    text-decoration: none;
    padding: 1rem;
    flex-grow: 1;
    text-align: center;
    font-weight: bold;

    &::after {
        content: " →";
    }

    &.primary {
        background-color: #0c93e9;
    }

    &:hover {
        opacity: 0.75;
    }
}