@charset "utf-8";
*{ margin 0; padding 0; box-sizing: border-box}
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');


body{background: white;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;  
    margin:auto;
    justify-content: center;}


.contenedor {box-shadow: rgba(23, 23, 23, 0.28) 0rem 0rem 1rem;
    margin: auto;
    padding-top: -3%;
    margin: 2%;
    background:#82B2C9;}

.contenedor-plan {box-shadow: rgba(23, 23, 23, 0.28) 0rem 0rem 1rem;
    margin: auto;
    padding-top: 1%;
    margin: 2%;
    background:#82B2C9;
    margin-top: 1%;
    margin-bottom: 1%;}

li{list-style: none;}


.menu{background:white;
    box-shadow: rgba(23, 23, 23, 0.28) 0rem 0rem 1rem;
    padding: 1%;
    margin: 2%;
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
    list-style: none ;}


.item{
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    font-size: 1.2rem;
    padding:0.5rem;
    color: black;
    margin:0.5rem;}


.item:hover{
    color:#73a6d9;
    transform: scale(1.1);}


main{
    box-shadow: rgba(23, 23, 23, 0.28) 0rem 0rem 1rem;
    margin: 2%;
    padding:2%;
    border-radius: 0%;
    font-family: 'Roboto', sans-serif;
    color:#82B2C9;
    font-size: 0.8rem;
    font-weight: lighter;
}
.datosacademicos{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(23, 23, 23, 0.28) 0rem 0rem 1rem;
    margin: 2%;
    padding: 2%;
    border-radius: 0%;
    font-family: 'Roboto', sans-serif;
    color:#82B2C9;
    font-size: 0.8rem;
    font-weight: lighter}

.integrantes {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin-left: 5%;
margin-right: 5%;}

.rotulogrupal{font-size: 1rem;
    background:white;
    width: auto;
    margin: 2%;
    padding: 2%;
    box-shadow: rgba(23, 23, 23, 0.28) 0rem 0rem 1rem;
    margin-top: 2%;

    
}


h1{
color: #ffffff;
padding: inherit;
margin-bottom: auto;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
font-size: 4.2rem;
align-items: center;}

h2{
    color:#82B2C9;
    font-size: 1.2rem;}

h3{
    font-weight: 700;
    font-size: 1.5rem;
    color: #82B2C9;}


h4{color: black;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    align-items: center;}


h5{color:#82B2C9;
    font-size: 1.8rem;
    margin-top: -1%;}

h6{color:white;
    font-size: 1.8rem;
    margin-top: -1%;}

h7{
    color:#b5b5b5;
    font-size: 1rem;
    font-family: 'Roboto';
    font-weight: 300;
    text-align: center;}



.alumno{text-decoration: none;
    font-size: 1rem;
    font-family: 'Roboto', sans-serif;
    font-weight: lighter;
    color: #82B2C9;}

a{ text-decoration: none;}

b{color:rgb(165, 165, 165);font-style: normal;}

p{font-style: italic;}

.secciones{
    font-size: 1rem;
    background:white;
    width: auto;
    margin: 2%;
    padding: 2%;
    box-shadow: rgba(23, 23, 23, 0.28) 0rem 0rem 1rem;
    margin-top: 2%;} 

.fotoUkit{
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
    align-content: center;
    width: 70%;
    height: auto;
    margin-left: 15%;
    margin-top:-1%;
    margin-bottom: -3%;}

@media screen and (min-width:40rem){
    *{padding:0;
    margin:0;
    transition:1s;
    box-sizing:border-box;
    text-decoration:none;}}


.encuadre{
    width: 19rem;
    height: 17rem;
    margin-top: 2%;
    padding: 1.5%;
    border-radius: 5%;
    box-shadow: 0rem 0rem 0.5rem rgba(23, 23, 23, 0.28);
    align-items: flex;
    justify-items: flex;}


.footer{
    font-family: 'Roboto''italic';
    margin-top: 2%;
    margin-bottom: 1%;
    font-size: 0.9rem;
    color: #a9aaac}

.fotoMapa{
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
    align-content: center;
    width: 100%;
    width: 70%;
    height: auto;
    margin-left: 15%;
    margin-top:2%;}

.prototipo:hover{color:#73a6d9;
    transform: scale(1.1)}