@import "common.css";

a:hover {
    text-decoration: underline;
}

.container h1, sub {
    text-align: center;
}

.container h3, p {
    margin-left: 1em;
    text-align: left;
}

.content {
    height: auto;
}

.contact-field {
    margin: 1em;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
}

.contact-category {
    border: 2px solid #ca4343;
    gap: 1em;
}

.contact-category p {
    margin: .5em;
}

.page-category {
    margin: 8px;
}

/* mobile */
@media (min-width: 375px)
{
    #nav-tips {
        display: none;
    }

    .hidden {
        display: none;
    }
}

/* desktop */
@media (min-width: 780px) {
    #nav-tips {
        display: inherit;
        font-size: x-small;
    }

    .hidden {
        display: inherit;
    }
}