.container{
display: flex;
flex-direction: column;
}

body{
    margin: 0px;
    margin-top: 114px;
}

/* Agregamos este media para cambiar la separación entre el header y el row cuando se reduce el tamaño de la pantalla */
@media screen and (max-width: 1050px) {

    body{
        margin: 0px;
        margin-top: 114px;
    }
}

@media screen and (max-width: 450px) {
    body {
        margin: 0px;
        margin-top: 230px;
    }
    .headerNav{
        flex-wrap: wrap;
    }
}


.boxLinkAccess{
    cursor: pointer;
    background: rgb(255, 255, 2);
    color: rgb(0, 0, 0);
    border-radius: 30px;
    padding: 5px 5px;
    text-decoration: none;
    text-align: justify;
    font-weight: bold;
}
.boxLinkAccess:hover{
    text-decoration: none;
    /* background: rgb(18, 140, 110); */
    background-color: #ffffff;
    color: rgb(0, 2, 97);
    /* color: #f3d112; */
    /* font-size: 16px; */
    /* border-radius: 30px */
}