h1 {
Color:goldenrod;
    text-align:center;
    font-size: 3.5em;
    font-family: 'IBM Plex Mono', monospace;
}
h2 {
    color:darksalmon;
    font-family:'East Sea Dokdo', cursive;
    text-align:center;
    font-size: 2em;
}

img {
    
display: block;
margin : auto ; 
    }

h3
{
    color: goldenrod; 
    font-family:monospace;
    text-align: center;
}
h4
{
    color:azure; 
    font-family: inherit;
    text-align: center;
    font-size: 0.7em;

}


h5
{
    color:lightcyan; 
    font-family:inherit;
    text-align:left;
    font-size: 2em;
}

p
{
   color: whitesmoke; 
    font-family:serif;
    text-align:left;
    font-size: 0.9em; 
}


 body
{ background-image: url(fondo.negro.jpg)}

.avatar
{
    border:10px solid #FFFFFF;
    
}

* { margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;}
body {background-color: black;}
/*---------------------- Header ----------------------*/
header, main, footer{max-width: 1024px;
                    margin: auto;}
header nav          {overflow: hidden;}
header nav ul       {display: flex;
                    list-style: none;}
header nav ul li    {height: auto;
                    width: 139px;
                    /*display: block;*/
                    text-align: center;}
header nav ul li a img{padding-bottom: 20px}
header nav ul li a  {display: block;
                    padding-top: 20px;
                    padding-bottom: 10px;
                    text-align: center;
                    background: rgba(255,255,255,0.1);
                    color:white;
                    text-decoration: none;}
header nav ul li a:hover {background: rgba(255,255,255,0.3);
                    color: white;}
header div          {width: 1024px; position: absolute;}
.wdc                {display: inline;
                    width: 150px;
                    filter: drop-shadow(2px 2px 4px black)} 
.wdc:hover          {filter: brightness(1.25)drop-shadow(0px 2px 4px gray);}
.dc                 {width: auto; display:inline;}
/*---------------------- /Header ----------------------*/
/*---------------------- Main ----------------------*/
/*---------------------- Slider ----------------------*/
.img-responsive {filter:blur(4px) opacity(0.5);
                }
/*---------------------- /slider ----------------------*/
.section        {display: block;}
.section div h2 {display: block;
                    background-color: black;
                    color: white;
                    padding: 20px;
                    margin:0;}
.section div p  {display: block;
                    background-color: white;
                    color: black;
                    padding: 20px;}
/*---------------------- /main ----------------------*/
/*---------------------- Fondo video ----------------------*/
.gbg {Position: fixed;
        Min-width: 100%;
        Min-height: 100%;
        Top: 50%;
        Left: 50%;
        Transform: translateX(-50%) translateY(-50%); 
    background: linear-gradient(to bottom, rgba(0,0,30,1), rgba(0,0,0,0));
    z-index: -1;}
video { Position: fixed;
        Min-width: 120%;
        Min-height: 120%;
        Top: 50%;
        Left: 50%;
        Transform: translateX(-50%) translateY(-50%);
        Z-index: -2; 
}

footer div {padding: 20px;}
.pie {display: block;
                    background-color: rgba(255,255,255,0.5);
                    color: black;
                    padding: 20px;}

div#encabezado{
    width: 640;
    height: 200 
        background-color: rgba(255,255,255,0.5);
    border-color: beige
}