@font-face {
    font-family: OpenSans-Reg;
    src: url(tipografia/Open_Sans/OpenSans-Regular.ttf);
}


@font-face {
    font-family: OpenSans-Bold;
    src: url(tipografia/Open_Sans/OpenSans-Bold.ttf);
}

@font-face {
    font-family: OpenSans-Semibold;
    src: url(tipografia/Open_Sans/OpenSans-Semibold.ttf);
}


*{
    font-family: OpenSans-Reg;
    margin-right: 0;
    padding-right: 0;
    margin-top: 0;
    padding-top: 0;
      
}

body {
    background: #ffffff;
    color: dimgray;
}



.objetivos{
    text-decoration: none;
    color: white;
    margin: 1%;
    font-family: OpenSans-Bold;
    font-size: 100%;
}

.pagina{
    background-color: black;
    text-align: right;
    margin-left: 7.6%;
    margin-right: 0px;
    padding: 0.65%;
   
}

.grupo{
    text-decoration: none;
    font-family: OpenSans-Bold;
    font-size: 150%;
    color: cyan;
    margin-left: 2%;
}

.logo{
    float: left;
}

ul{
    list-style: none;
    display: flex;
    justify-content: space-around;
    margin-top: 2%;
    margin-bottom: 5%;
   
}

.integrantes a{
    text-decoration: none;
    color:white;
        
}


.cuerpo .background-image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 75%;
	background-size: cover;
	background-color: #2196F3;
	z-index: -1;
}

.cuerpo .background-image:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #414a4f;
	opacity: 0.75;
}



.descripcion{
    height: 100%
    margin-top: 0;
    position: relative;
    background: #fff;
    text-align: center;
    color: black;
    margin-bottom: 5%;
    margin-left: none;
    margin-right: none;
    padding-top: 0%;
    padding-bottom: 5%;
}

.avatar{
    
    margin-top: 20%;
    margin-left: 41%;
    top:auto;
	left:auto;
	width: 200px;
	height: 200px;
	background-size:cover;
    background-color: #2196F3;
    border-radius: 50%;
	z-index: -1;
}

footer{
    font-size: 80%;
    box-sizing: border-box;
    color: dimgray;
    margin: 0;
    padding-left: 1.5%;
    padding-right: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    background:#57E4F2;
}




.materias{
    display: flex;
    justify-content: space-around;
    margin-top: 10%;
    margin-bottom: 5%;
}

.anos{
    display: flex;
    justify-content: space-around
}

.aprobadas{
    display: flex;
    justify-content: space-around;
   
}
.aprobadas ul{
    list-style: none;
    display:block;
    text-align: center;
    
}

.izq{
    position: relative;
    right:0.5%;
}

.centro{
    position: relative;
    left:1.1%;
}

.derecha{
    position: relative;
    left:1%;
}

.amont{
    display: flex;
    position: relative;
    margin-top: -10%;
}

.icono{
    position:relative;
    left: 39%;
    margin-top: 1.5%
    
}
.link{
    text-decoration: none;
    text-align: center;
    position: relative;
    left: 38%;
    margin-top: 3%;
    color: black;
    font-family: OpenSans-Bold;
    font-size: 150%;
}

.link2{
    text-decoration: none;
    text-align: center;
    position: relative;
    left: 40%;
    margin-top: 3%;
    color: black;
    font-family: OpenSans-Bold;
    font-size: 150%;
}

