@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700italic|Montserrat|Open+Sans);

@font-face {
    font-family: 'ubuntubold';
    src: url('ubuntu-bold-webfont.woff2') format('woff2'),
         url('ubuntu-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubuntubold_italic';
    src: url('ubuntu-bolditalic-webfont.woff2') format('woff2'),
         url('ubuntu-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubuntuitalic';
    src: url('ubuntu-italic-webfont.woff2') format('woff2'),
         url('ubuntu-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubuntulight';
    src: url('ubuntu-light-webfont.woff2') format('woff2'),
         url('ubuntu-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubuntulight_italic';
    src: url('ubuntu-lightitalic-webfont.woff2') format('woff2'),
         url('ubuntu-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubuntumedium';
    src: url('ubuntu-medium-webfont.woff2') format('woff2'),
         url('ubuntu-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubuntumedium_italic';
    src: url('ubuntu-mediumitalic-webfont.woff2') format('woff2'),
         url('ubuntu-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubunturegular';
    src: url('ubuntu-regular-webfont.woff2') format('woff2'),
         url('ubuntu-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body { 
     
background: #ffffff;
margin-top: 0px;
width: 960px;
height: 800px;
margin: auto     
}


header nav ul { 
    text-align:center;
    list-style: none;
    margin: 8;
    padding:0;
    
        }
header nav ul li {
    margin: 0 0 0.4em 0;
    }
header nav ul li a {
    text-decoration: none;
    display: #ea0c0c;
    background-color: #fc9100;
    color: #ffffff;
  
font-size: 20px;
    
        }
        
div#cabeza{
    background-color: #000000;
    margin-bottom: 30px;
    width: 1000px;
    height: 200px;
    margin: 20px;
    
}
    
 

h1 { 
    font-family:'ubuntubold';
    font-size: 130px;
    display: flex;
    justify-content:center;
    color: #0ee5c4;
    }
h2 { 
    font-family:'ubunturegular';
    font-size: 30px;
    display: flex;
    color: #0e8eeb;
    width: 50%;
    }

    
div#cuerpo{
    background: #1676d6;
    height: 400px;
    width: 327px;
    margin: 2px;
    float: left;
    }
    
h3 { font-family: 'ubuntubold';
    font-size: 40px;
    display: flex;
    color: #ffffff;
    width: 50%;
    }
h4 { font-family: 'ubuntuitalic';
    font-size: 16px;
    display: grid;
    color: #ecff06;
    width: 50%;
    }
h5 { font-family: 'ubuntuitalic';
    font-size: 12px;
    display: flex;
    color: #fafafa;
    width: 50%;
    }
div#alumno{
    background: #33e276;
    height: 400px;
    width: 327px;
    margin: 2px;
    float: left;
    }
h11 { font-family: 'ubuntubold';
    font-size: 40px;
    display: flex;
    color: #ffffff;
    width: 50%;
    
    }
div#selection{
    background: #f719cc;
    height: 400px;
    width: 327px;
    margin: 2px;
    float: left;
    
}
h16 { font-family: 'ubuntubold';
    font-size: 40px;
    display: flex;
    color: #ffffff;
    width: 50%;
    }
h17 { font-family: 'ubuntuitalic';
    font-size: 40px;
    display: flex;
    color: #ffffff;
    width: 50%;
    }
h18 { font-family: 'ubuntuitalic';
    font-size: 40px;
    display: flex;
    color: #ffffff;
    width: 50%;
   margin: 8;
    padding:0;
    text-align:center;
    }
img {
    padding: 3em ; 
    padding-left:2em
  
          }