@charset="utf-8";
font-family: 'Roboto', sans-serif;

/*primero mobile*/
html{
    font-size: 10px;
}
body{    

background-color: rgba(0, 0, 0, 0.81);
color: rgb(255, 216, 0);
text-align: center;
margin:0;
padding:0;
width:100%;
}

header h2{
    font-family: 'Roboto', sans-serif;
    color: #ffd800;
    text-align: center;
    font-size: 2,5rem;
    }

header h3{
font-family: 'Roboto', sans-serif;
    color:rgb(255, 255, 255);
    font-size: 1,8rem;
    text-align:center;
}

header nav ul li{
    margin: 0 0 0.5rem 0;
    list-style:none;
}
header nav ul li a {
            color:#ffffff;
            font-size:1,4rem;
            font-family: 'Roboto', sans-serif;
            text-decoration:none;
            display:block;
            background-color:rgba(245, 245, 220, 0.08);
            text-align:center;
            width:50%;
            margin: auto;
            height:1.5rem;
            line-height:1.8rem;
            } 

div1 section h2 {
    
    margin:0;
    color: #ffd800;
    text-align: center;
    font-size: 1.8rem;
    font-family: 'Roboto', sans-serif;
}
    
    section p {
        color:azure;
    font-family: 'Roboto', sans-serif;

        }
  
section h2 {
 font-family: 'Roboto', sans-serif;
    text-align: center;
    color: #ffffff;
    font-size: 1.6rem;
}

section h4{
 font-family: 'Roboto', sans-serif;
    text-align: center;
    color: #ffffff;
    font-size: 1.2rem;
}
 
section h3 {
     font-family: 'Roboto', sans-serif;
    text-align: center;
    color: #ffd800;
    font-size: 1.6rem;
    }



footer {
    font-family: 'Roboto Light', sans-serif;
    color:#ff0089;
    font-size: 0.8rem;
    text-align: center;
    
}