/*
 * SPDX-FileCopyrightText: Amolith <amolith@secluded.site>
 *
 * SPDX-License-Identifier: Apache-2.0
 */

.logo {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    line-height: var(--pico-line-height);
}

#hero {
    display: flex;
    align-items: center;
    padding: 0 8vw;
}

#hero hgroup {
    flex: 1;
    padding-right: 2rem;
}

#hero > img {
    max-height: 60vh;
}

#hero > hgroup > p {
    padding-top: 20px;
    max-width: 15vw;
}

/* Responsive adjustment */
@media (max-width: 1028px) {
    #hero {
        flex-direction: column;
        text-align: center;
    }

    #hero hgroup {
        padding-right: 0;
        margin-bottom: 2rem;
    }

    #hero img {
        max-width: 100%;
    }

    #hero > hgroup > p {
        max-width: 35vw;
        margin: 0 auto;
    }
}