/*estilos generales*/
@import url('https://fonts.googleapis.com/css?family=Raleway:100,300,400,700,900');
*{margin: 0; padding: 0; box-sizing: border-box;}
body{background: #B9B4B0; font-family: 'Raleway', sans-serif;}
a {text-decoration: none;}

/*estilos header*/
header{background-image: url(img/code.jpg);background-size: cover}
h1{padding: 2rem 3rem 2rem 3rem;}
h1 a{color: #ffffff;font-size:4rem;text-align: left; background-image:url(img/bg.jpg);background-position: center}
h1 a:hover{color: #E7371A}

/*estilos nav*/
nav{text-align: right;padding: 0.5rem 0.5rem 2rem 0.5rem;}
nav ul li {list-style-type: none; display: inline-block;}
nav ul li a{text-decoration: none; color: #1B8F91; font-weight: 500; padding: 1rem 2rem 1rem 2rem; margin: 0rem 1rem 0rem 1rem; display: inline-block;background: #fff;border-radius: 3rem;}
nav ul li a:hover{ color: #fff;background:#1B8F91; } 
a {text-decoration: none;}

/*estilos main*/
.tema{text-align: center;background: #E7371A; font-weight:700;font-size: 1rem;padding: 1rem 0rem 1rem 0rem;color: #fff}
.temaintegrantes{background: #9E1358;padding: 0.5rem 0rem 0.5rem 0rem;font-size: 0.80rem;font-weight: 700;text-align: center;margin:1rem 0rem 0rem 0rem;color: #fff}
.perfiles{ display: flex; flex-wrap: wrap; background: #B9B4B0;align-content: space-between;padding: 6rem 0rem 6rem 0rem; max-width: 90%; margin: auto;}


/*estilos imagenes*/
.diana{border-radius: 7rem; border: solid 0.50rem #E7371A;filter: grayscale(100%)}
.rocio{border-radius: 7rem; border: solid 0.50rem #1B8F91;filter: grayscale(100%)}
.micaela{border-radius: 7rem; border: solid 0.50rem #E7371A;filter: grayscale(100%)}
.sebastian{border-radius: 7rem; border: solid 0.50rem #1B8F91;filter: grayscale(100%)}
div{max-width: 80rem; margin: auto}
.perfiles {justify-content: space-around;}
.nombres {color:black; font-weight: 600; text-align: center; margin-top: 20px;text-decoration: none;}
img:hover{filter:saturate(100%)}

/*estilos datos obligatorios*/
.datosobligatorios{font-size: 0.80rem;font-weight: 400;color: #fff;background: #000000;padding: 1rem 2rem 1rem 1rem}
.datosobligatorios{font-size: 0.80rem;font-weight: 400;color: #fff;background: #000000;padding: 1rem 2rem 1rem 1rem}
.datosobligatorios p{margin: 1rem 0rem 1rem 0rem}
.datosgrupo{font-weight:400;font-size: 0.80rem;color:#fff;background:#E7371A;padding: 1rem 2rem 1rem 1rem;text-align: justify }
.datosgrupo p{margin: 1rem 0rem 1rem 0rem}
.equipo{font-weight: 600}
footer{padding: 2rem 2rem 2rem 1rem;font-size: 0.70rem;font-weight: 300;background: #fff;color: #000000}