@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap');

* {
    font-family: "Pixelify Sans", sans-serif;
}

body {
    background-color: rgb(53, 53, 53);
    margin: 0;
}

.background {
    background-color: rgb(53, 53, 53);
    width: 100%;
    height: 100vh;
}

.Menu {
    background-color: rgb(29, 29, 29);
    z-index: 10;
    width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
}

.Menu img {
    width: 5%;
    margin: 1%;
    margin-left: 5%;
    margin-right: 2%;
}

.item {
    text-decoration: none;
    color: white;
    margin: 0 5% 0 3%;
}

.End {
    width: 75%;
    display: flex;
    flex-direction: row-reverse;
}

.sel {
    border-bottom: solid 2px white;
}

.Menu p {
    color: white;
    font-size: 25px;
    margin: auto;
}

.negrito {
    font-weight: bold;
    margin-top: 3vh;
    margin-bottom: 0;
}

.center {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: rgb(53, 53, 53);
}

.footer {
    font-size: 25px;
    color: white;
    background-color: rgb(29, 29, 29);
    display: flex;
    flex-direction: row;
    width: 100%;
}

.secLogo {
    margin: 5% 0 5% 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 10%;
}

.secLogo img {
    width: 40%;
}

.sec1 {
    margin: 5%;
}

@media(max-width: 1280px) {

    .Menu p {
        font-size: 17px;
    }

    .footer {
        font-size: 18px;
    }

    .secLogo {
        margin: 6% 0 7% 5%;
    }

    .sec1 {
        margin: 5% 5% 5% 3%;
    }

    .secLogo img {
        width: 40%;
    }
}

@media(max-width: 1024px) {

    .Menu p {
        font-size: 17px;
    }

    .footer {
        font-size: 18px;
    }

    .secLogo {
        margin: 6% 0 7% 5%;
    }

    .secLogo img {
        width: 70%;
    }
}

@media(max-width: 820px) {

    .Menu p {
        font-size: 15px;
    }

    .footer {
        font-size: 18px;
    }

    .secLogo {
        margin: 6% 0 7% 5%;
    }

    .secLogo img {
        width: 100%;
    }
}

@media(max-width: 670px) {

    .Menu p {
        font-size: 13px;
        
    }

    .footer {
        font-size: 13px;
    }

    .secLogo {
        margin: 6% 0 7% 5%;
    }

    .secLogo img {
        width: 100%;
    }

    .End {
        font-size: 13px;
        width: 70%;
    }
}

@media(max-width: 546px) {

    .End {
        font-size: 13px;
        width: 65%;
    }
}

@media(max-width: 472px) {

    .Menu p {
        font-size: 10px;
    }

    .footer {
        font-size: 10px;
    }

    .secLogo {
        margin: 6% 0 7% 5%;
    }

    .secLogo img {
        width: 100%;
    }

    .End {
        font-size: 10px;
        width: 67%;
    }
}

@media(max-width: 379px) {

    .Menu p {
        font-size: 8px;
    }

    .footer {
        font-size: 8px;
    }

    .secLogo {
        margin: 6% 0 7% 5%;
    }

    .secLogo img {
        width: 100%;
    }

    .End {
        font-size: 8px;
        width: 70%;
    }
}

@media(max-width: 255px) {

    .Menu p {
        font-size: 6px;
    }

    .footer {
        font-size: 6px;
    }

    .secLogo {
        margin: 6% 0 7% 5%;
    }

    .secLogo img {
        width: 100%;
    }

    .End {
        font-size: 6px;
        width: 70%;
    }

    .sel {
        border-bottom: solid 1px white;
    }
}