@media screen and (min-width: 1023px) and (orientation: landscape) {
    html {
        font-size: 100vw;
    }

    header{
        min-height: 20vh;
        max-height: 20vh;
        font-size: 20vh;
    }

    header h1 {
        font-size: 0.3em;
    }

    header p {
        color: rgb(251, 233, 208);
        font-size: 0.15em;
    }

    footer {
        min-height: 13vh;
        max-height: 13vh;
    }

    footer .button-container {
        font-size: 0.3rem;
    }

    .first {
        font-size: 0.015rem;
    }

    .general h2,
    .location h2,
    .visual h2,
    .types h2,
    .sources h2,
    .impacts h2 {
        font-size: 0.025rem;
    }

    .general label,
    .visual input,
    .types label,
    .sources label,
    .impacts label {
        font-size: 0.015rem;
    }

    .general{
        min-height: 48vh;
        max-height: 48vh;
        font-size: 48vh;
    }

    .general #invalid-nickname,
    .general #invalid-email{
        font-size: 0.01rem;
    }

    .general .input-container-parent {
        max-width: 700px;
    }

    .general .input-container{
        max-width: 700px;
    }

    .general input {
        font-size: 0.013rem;
    }

    .location button {
        font-size: 0.05em;
    }

    #location-error-message{
        font-size: 0.01rem;
    }

    #map{
        max-width: 1000px;
    }

    .visual{
        min-height: 48vh;
        max-height: 48vh;
    }

    .visual .button-container {
        font-size: 48vh;
    }

    input[type="checkbox"] {
        width: 1.45vw;
        height: 1.45vw;
    }

    .types,
    .sources,
    .impacts {
        font-size: 48vh;
    }

    .types .checkbox-container {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}