@media screen and (max-width: 420px) {
    body {
        display: block;
        padding: 0px;
        margin: 0px;
        width: 412px;
        /* height: 821px; */
    }

    nav {
        display: flex;
        background-color: black;
        border: 1px solid black;
        top: 0;
        position: fixed;
        width: 100%;
        height: 9%;
        }

    nav h1 {
        color: white;
        padding: 0px 0px 0px 60px;
    }

    nav img {
        margin: 0% 4% 0% 8.2%;
        padding: 5px 0px 0px 0px;
        width: 65px;
        height: 65px;
    }

    nav ul {
        display: flex;
        list-style: none;
        padding: 9px 0px 0px 0px;
    }

    ul li {
        margin: 0px 7px 0px 0px;
    }

    li a {
        color: white;
        font-size: 13px;
    }

    .click { 
        color:rgb(237, 136, 217);
        text-decoration: none;
    }

    a:active {
        color: deepskyblue;
    }

    footer {
        background-color: black;
        border-top: 1px solid black;
        bottom: 0;
        position: fixed;
        line-height: 0.8em;
        width: 100%;
        height: 9%;
        }

    .grupo {
        font-size: 14px;
        text-align: center;
        font-weight: bold;
        color: white;
        padding-top: 8px;
        height: 5px;
    }

    /* Intenção de Desenvolvimento */
    .intdev {
        font-size: 12px;
        text-align: center;
        color: white;
    }
}