@charset "utf-8";

* { box-sizing: border-box;
margin:;
padding:0;
border:0;
font-family: sans-serif;
text-align: center;
text-decoration: none;  
}

/reglas generales/

header { 
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

body {
background-color: #ffd3eb;
color: #313131;
  }


.contenedora img {
    width: 250px;
  border-radius: 10cm;
  border:8px solid #ffedf6;
     margin: 1em;
}

.bocetoindividual img { 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width:100%;
}


.menucaja { 
    padding: 1em;
    width: 7em;
    display: inline-block;
    font-weight: 4000;
    background-color: #ffedf6;
    border: 2em;
    margin: 0.1em;
}


.avatarclase { 
    margin: 0.5em;
    background-color: #ffe1f0;
    padding: 2em;
    width: 16em;
    display: inline-block;
    border: 0.5em;
}

.avatarclase img {
     width: 80px;
  border-radius: 10cm;
}


.fotomenu { max-width: 100%;
    width: 100%; }


    


h5 { color: #454545
    
}
    

a{
  color: hotpink;
}

a:hover{
  color: #ffe1f0;  
background-color: hotpink;
    
}

a:active{
  color: #313131;
}


h1 {
    color: #ff178a;
    font-size: 40px;
    margin: 1em;
    }


h2 { 
color: #4e4e4e;
font-weight: 100;
font-size: 17px;
font-style: italic;
}


h3
{ font-size: 19px;
    margin: 1em;
     color: #ff178a;
    background-color: #fdb5d9;
    padding: 0.3em
}

.intro { display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-size: 11pt;
    line-height: 15pt;
    margin-left: 6em ;
    margin-right: 6em;
    }

p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-size: 11pt;
    line-height: 15pt;
    margin-left: 1em ;
    margin-right: 1em;
}


ul div p li {font-size: 11pt;
    display: inline-block;
    line-height: 14pt;
    text-align: center;
    padding: 0.3em;
    margin-left: 6em ;
    margin-right: 6em;
}

   
ul { color: #313131;
    font-size: 10pt;
      line-height: 12pt;
}



footer { 
    font-size: 8pt;
    padding: 1em;
    width: 20;
    background-color: #313131;
    color: ghostwhite;
    font-style:normal;
    font-weight: 100;
    display: inline-block;
    margin-left: 2em;
    margin-right: 2em;
    padding-left: 6em ;
    padding-right:6em;
     }


@media screen and (min-width:56em) { 
    
    .bocetoindividual { width: 100%; }   }