@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,400;0,700;1,900&display=swap');

/*
selector{propiedad:valor;}
*/

body{background:hsl(0, 0%, 100%); font-family: 'raleway'; text-align: center;}

/*propiedades del nav*/
.vn04 {background: #2D164B;font-weight: 900;}
nav{background: #ED1E79; font-size: 1.5rem; font-weight: 700; padding: 1rem;}
nav ul {padding: 0%;}
nav ul li {margin: 2%; padding: 2%;list-style: none; text-align: center; background:#FF7602;}
nav ul li:hover {background: #F5A956;}
nav ul li a{padding-right: 3rem; padding-left: 3rem; text-decoration: none; color: white;}

h1{color:#ffffff; font-size: 5.5rem;align-content: inherit;background: #AD8DF2; font-weight: 200; padding: 1rem;}
h2{color: #401C96; font-size: 2rem; font-weight: 400;}
h3{text-align: center; align-content: inherit;}
h5{color: #000000;}

p{color:#401C96;}

.div {padding: 1.5rem;}

/*imágenes y sus propiedades*/
.imgocampo{padding-top: 2rem;}
.avatar{border-radius: 50%; width: 10rem; height: 10rem;}


/*links a perfiles de integrantes*/

.integrantes{color: #FF7616; text-decoration: none; text-align: center; justify-content: space-between;}
.integrantes:hover{background: #ED1E79; color: #ffffff;}


.datosfadu {text-align:justify;text-align: center; margin-top: 6rem; margin-bottom: 6rem;color:#401C96;}

/*títulos azules de los datos académicos*/

.datos-a{color: #401C96;}


/*links en los datos académicos*/

.datos-b{color: #FF7602; text-decoration: none; text-align:center; justify-content: space-between;} 
.datos-b:hover{background: #000000; color: #ffffff;}


.nombredeapp {background: black;padding: 1rem ; font-size: 1.5rem;color: white;justify-content: space-around;}

.descripcion{color: #ED1E79;}

footer p{color:#686868; font-size: 0.6rem;}

@media (min-width: 576px){

    nav{background: #ED1E79 ;padding: 0rem ; font-size: 1.5rem; font-weight: 700;}

    nav ul li{list-style: none; display: inline-block; margin: 2%; padding: 0%;text-align: center; background: #ED1E79;}

    nav ul li:hover {background: #FF7616;}

    h1{color:#ffffff; font-size: 5.5rem;align-content: inherit;background: #AD8DF2; font-weight: 200; margin: 0%;}
    
    .flex{ display: flex;justify-content:space-around;}

    .articulouno {margin-top: 5rem; margin-bottom: 5rem;}

    .datosfadu {text-align:justify;text-align: left; margin-top: 6rem; margin-bottom: 6rem;}
    
    .imgocampo{padding: 2rem;}
}