:root {
    --corFundo: #ebebeb;
    --tamanhoLink: 1.5rem;
    --tamanhoLinkMobile: 0.8rem;
}


body {
    background-color: var(--corFundo);
}

h1 {
    font-weight: bold;
}

footer {
    background-color: #888;
}
.paisagem, .retrato {
    display: none;
}

table {
    border-collapse: collapse;
}
th {
    background-color: #aaa;
}
td, th {
    border: 2px solid;
    padding: 5px;
}

fieldset {
    font-weight: bold;
    width: 20vw;
    color: #00e;
    border: 1px solid #00e;
    padding: 10px;
    margin: 20px;
}
fieldset label {
    font-weight: normal;
}







@media screen and (orientation: landscape) { /* Regra para janelas paisagem */
    .paisagem {
        display: block;
    }
}

@media screen and (orientation: portrait) { /* Regra para janelas retrato */
    .retrato {
        display: block;
    }
}

@media screen and (min-width:601px) { /* Regra para janelas com mais de 600px */
    main {
        min-height: calc(100vh - 16px - 100px);
    }
}


@media screen and (max-width:600px) { /* Regra para janelas com 600px ou menos */

    main,
    footer {
        margin-left: 100px;
    }

    main {
        min-height: calc(100vh - 16px);
    }
}