.fondo {
    background: url('') no-repeat center center fixed;  
    background-size: cover;
    z-index: 1;
    position: relative;
}
.fondo2{
    width: 35%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(255, 255, 255, 0));
    position: relative;
    z-index: 2;
}

body{
    display: contents;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
}
.logo{
    position: relative;
}


/*.navbar ul{
    z-index: 2;
    color: aliceblue;
    position: relative;
}
/*.logo a{
    z-index: 2;
    color: aliceblue;
    position: relative;
}*/
.navbar{
    margin-left: 125px;
    margin-top: 50px;
}
.navbar a {
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding-left: 30px;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 13px;

}
.navbar a:hover{
color: lightskyblue;
}
.navbar hr
{
    margin-top: 50  px;
}
.texto{
    width: 400px;
    height: 400px;
     position: relative;
    z-index: 2;
    margin-left: 85px;
    margin-top: 100px;
}
.textin{
    padding-top: 35px;
   

}
.texto h3{
    color: aliceblue;
    /*text-transform: uppercase;*/
    font-size: 15px;
    font-family: sans-serif;
    text-align: left;
    margin-left: 8px;
}
.azul{
    margin-top: -5px;
    padding-top: 3.5px;
    background-color: #00a3e0;
    margin-left: 8px ;
    margin-right: 234px;
    border: 0cm;
}
.negro{
    margin-top: -5px;
    padding-top: 3.5px;
    background-color: #090b0d;
    margin-left: 8px ;
    margin-right: 234px;
    border: 0cm;
}
.blanco{
    margin-top: -5px;
    padding-top: 3.5px;
    background-color: #FFFFFF;
    margin-left: 8px ;
    margin-right: 234px;
    border: 0cm;
}