@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;900&display=swap');

*{box-sizing: border-box;
padding: 0 ;
margin: 0;}

body {font-family: "Roboto Slab", sans-serif;
		background-color: #ffff;}

a {text-decoration: none;
	color: black;}

p{font-size: 0.9rem;
    font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;}

.VN15 {color: #ffff;}


 /* HEADER*/


header { padding: 0 10% 0 10%;
    width: 100%;
    position: fixed;
    top: 0;
    background-color: black;
	align-items: center;}

header .navbar {display: flex;    
    padding: 1rem 0 1rem 0;
    justify-content: space-between;}

nav {background: black;
	padding: 1rem;}

nav .vn15 {display: flex;}

.nav-ul {display: flex;}

header nav {margin-left: 2rem;}

header nav ul li {font-family: 'Noto Sans JP', sans-serif;
				font-weight: 300;
			    font-size: 0.9rem;
			    list-style-type: none;
			    margin-right: 1rem;
			    padding-left: 1.5rem;
			    padding-right: 1.5rem;
			    padding-top: 0.7rem;
			    padding-bottom: 0.7rem;}

header nav ul li a {border-bottom: 1px solid transparent;
    color: #ffff;
    font-weight: 300;
    text-transform: uppercase;
	background-color: black;}

header nav ul li a:hover{font-weight: 800;}

header nav ul li:hover > a{background-color: transparent;
  						  font-weight: 800;}

header h1 {text-align: center;}

/* NOMBRE Y FOTO */

.nombre {display: flex;
		justify-content: center;
		margin-top: 10rem;}

.nombre article h2 { color: black;
    font-weight: 400;
    font-size: 3rem;
    text-align: center;
    font-family: "Roboto Slab", sans-serif;
	padding-top: 15px;}

.nombre article {text-align: center} /*centrar la imagen al texto*/
img {width:30%;
    height:auto;
	border-radius: 20rem;}   /*redondear imagen*/ 

/* MAIN */

/* materias*/

.materias{display: flex;
	justify-content: center;
	margin-top: 5rem;}

.materias article{}

aside {margin-top: 8rem;
	}

aside p {color: #5d5f5f}


.datoscatedra{color: black;
			font-weight: 400;
			font-size: 2rem;
			text-align: center;
			font-family: "Roboto Slab", sans-serif;
			justify-content: center;
			}

h4 {font-family: 'Roboto Slab', sans-serif;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 800;}

.datos-universidad {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: column;
	margin-top: 3rem;}

section {margin-top: 0;
   		 margin-left:0rem;}


article {margin-left: 3rem;}


main {color: black; 
	background: #ffff; 
	padding: 1rem;
	font-size: 1rem;
	color: black;}

/* FOOTER */

footer {background-color: #ffff;
    max-height: 85%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;}

footer p {font-size: 0.8rem;
	font-weight: 100;
    line-height: 0.9rem;
    margin-left:auto;
    margin-right: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color:black;
    max-width: 65%;
    height: 5rem;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;}