@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;500 & display=swap');
    
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;500 & display=swap');



body{font-family: sans-serif; 
    margin:0; padding:0;
    background:#3d3e3b;}

header{padding:35px; 
    background-color:#3d3e3b;
    text-align:center;
    color:#828085;}

h1{font-family: 'Poppins',
    sans-serif;
    font-weight:100;
     color:#5d696a; }

h3{text-align:center;
    color:#828085;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
    font-size: 1rem;}

img{display: block;
    border-radius:50%;
    border-style: solid; 
    border-color:#aeff00;
    border-width:2%; 
    margin: auto;}

nav{border-style: solid;
    background:#3d3e3b;
    border-width:2px;
    border-color: #aeff00;
    border-radius:30px; 
    padding: 1%; 
    text-decoration: none; 
    text-align: center;
    font-size: 1rem;
 }

nav li{list-style: none;}

nav :hover{;font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    background-color:#5d696a;
    border-radius:30px }

nav a{display: inline-block; 
    color:#828085; 
    padding: 10px 50px; 
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-align: center;
    cursor: pointer;}

nav .animation {
	position: absolute;
	height: 100%;
	top: 0;
	z-index: 0;
	transition: all .5s ease 0s;
	border-radius:30px;
}

a:nth-child(1) {
	width: 3rem;
}
a:nth-child(2) {
	width: 3rem;
}
a:nth-child(3) {
	width: 3rem;
}
a:nth-child(4) {
	width: 3rem;
}
a:nth-child(5) {
	width: 3rem;
}
a:nth-child(6) {
	width: 3rem;
}


h2{text-align: center;
    padding:10px;
    color:#aeff00;
    background:#3d3e3b;
    font-family: 'Poppins', sans-serif;
    font-weight:300;}

h4{color: #828085;
    font-weight:300;
    font-size: 0,8rem;
    font-family: 'Montserrat', sans-serif}

li{list-style-type: none;
    text-align:left;
    padding: 3px;
    font-family: 'Montserrat', sans-serif;
    font-weight:100;
    color:#a0a9aa;}

.facultad li{list-style-type: none;}

.listauno {text-align:left;
    margin-left:7px;}

.listados {text-align:left;
    margin-left:7px;}

.listatres{text-align:left; 
    margin-left:7px;}

.listacuatro{text-align:left;
    margin-left:5px;}

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

.columnacero{border-style:solid;
    border-width:1px; 
    border-color:#4e4d4f;
    width:23%;
    display: inline-grid;
    border-radius: 20px; }

.columna01{border-style:  solid; 
    border-width: 1px; 
    border-color:#4e4d4f; 
    width:23%;
    display: inline-grid; 
    border-radius: 20px;}

.columna02{border-style:  solid;
    border-width: 1px; 
    border-color:#4e4d4f;
    width:23%;
    display: inline-grid;
    border-radius: 20px;}

.columna03{border-style:  solid; 
    border-width: 1px; 
    border-color:#4e4d4f;
    width:23%;
    display: inline-grid; 
    border-radius: 20px;}


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

.caja5{border-style:none;
    width:20%;
    border-width:2px;
    display: block;
    text-align: center;
    border-color:#3d3e3b;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
    display: inline-grid;}

.caja6{border-style: none;
    width:20%;
    border-width:2px;
    display: block;
    text-align: center;
    border-color:#3d3e3b;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
    display: inline-grid;}

.caja5 :hover{color:#5d696a;
    font-family: 'Montserrat', sans-serif;
    font-weight:100;}

.caja6 :hover{color:#5d696a; 
    font-family: 'Montserrat', sans-serif;
    font-weight:100;}

p a{color: #aeff00;
    text-decoration: none;}

p{color: #828085;}

.logodgpc {margin-left: 5px;
    border-radius: 0%; 
    border-style: none; 
    border-width: 0px;}

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

.cuadrado1{display: inline-grid;
    font-family: 'Montserrat', sans-serif;
    font-weight:100;
    font-size: 0.8rem; }

.cuadrado2{;display: inline-grid;
    font-family: 'Montserrat', sans-serif;
    font-weight:100;
    font-size: 0.8rem;}

.cuadrado3{;display: inline-grid;
    font-family: 'Montserrat', sans-serif;
    font-weight:100;
    font-size: 0.8rem;}

.Grupo img{border-radius: 0%; 
    border-style:none;
    border-width:0px; 
    width: 50%;
    margin:end; }

footer p{font-size: 1.2rem;
    color:#5d696a;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    text-align:center;
    margin-left: 5px;
    padding: 25px;}