@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@800&display=swap");

:root {
    --font-size: 16px;
    --spacing-custom: 2rem;
}

@media (min-width: 992px) {

    main .grid {
        grid-column-gap: var(--spacing-custom);
        grid-template-columns: auto 40%;
    }

    main article {
        margin-top: 0;
    }

    dialog #contact-form {
        min-width: 500px;
    }
    
}

aside li a {
    display: revert;
}

article ul:last-child {
    margin-bottom: 0;
}

textarea {
    min-height: 200px;
    resize: none;
}

dt {
    font-weight: 700;
}

dd {
    display: list-item;
}

footer details, footer ul {
    margin-bottom: 0;
}

footer > input:not([type=checkbox],[type=radio])  {
    margin-bottom: 0;
}