* {
    font-family:century gothic; 
}

body {
    background-color: #f2eaea;
    min-width: 100%;
}
a {
    color: #413123;
    text-decoration: none;
}

header nav ul li {
    margin: 0.2em;
    padding: 0.5em;
    background-color: rgba(108, 226, 203, 0.92);
    border-radius: 15px;
    box-shadow: -3px 0px 36px -11px rgba(0,0,0,0.58);
}

header div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 0.5em;
}

header {
    justify-content: center;
    background-color: rgba(245, 168, 149, 0.83);
    width: 100%;
    padding-bottom: 1%;
}

header nav ul li a {
    display: flex;
    font-size: 1em;
    justify-content: center;
    align-items: center;
    padding: 20%;
}

.contenedor{
    font-weight: bold;
    text-decoration: none;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content:center;
    padding: 0em;
}

main {
    margin: 3em;
    margin-left: 
}

#principal {
    color: black;
    font-size: 50%;
    font-weight: bold;
    display: flex;
    justify-content: flex-end;
    flex-direction:row-reverse;
    align-items: center;
    background-color: rgba(245, 168, 149, 0.83);
    border-radius: 10px;
    width: 100%;
    text-align: center;
}


h1 {
    margin: 0.5em;
    padding: 0.5em;
    display: flex;
   
}


h2 {
    color: rgba(31, 78, 69, 0.92);
    font-size: 120%;
    background-color: rgba(255, 199, 185, 0.83);
    padding: 1em;
    font-size: 95%;
    border-radius: 15px;
}

body main p {
    padding: 1em;
    margin: 0em;
    font-size: 90%;
    text-align: justify;
}

footer {
    font-size: 0.7em;
}

.italica {
    font-style:italic;
    margin: 0;
    padding: 0;
}

#imagen {
    width: 100%;
    max-width: 100px;
    max-height: 100px;
    outline-style: solid;
    outline-width: 0.2em;
    outline-color: white;
    margin: 1em;
}

main h3 {
    color:#606060
}

main section ul {
    display: flex;
    padding: 0;
}

main section ul li {
    padding: 1em;
    display: flex;
    font-size: 90%;

}

main section div {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 1em;
    
}

main section div img {
    padding: 0.5em;
}

#vimeo {
    display: flex;
    justify-content: center;
}

footer {
    outline-style: groove;
    outline-color: antiquewhite;
    padding: 1em;
    background-color: white;
    text-align: justify;
}

#boceto{
    display: flex;
    justify-content: center;
}

.imagenes-boton {
    border-radius: 50%;
    filter: grayscale(100%);
    box-shadow: -3px 0px 36px -11px rgba(0,0,0,0.58);
    width: 100%;
    max-width: 100px;
}

#fabri {
    border-radius: 100%;
    filter: grayscale(100%);
    object-fit: cover;
    box-shadow: 0px 12px 64px 4px rgba(0,0,0,0.58);
    width: 100%;
    max-width: 100px;
    height: 100%;
    max-height: 100px;
}


.resaltado {
    font-weight: bold;
    color: rgba(91, 191, 172, 0.92);
}

.wrapper {
    width: 100%;
    margin: 0em;
    padding: 0em;
}

/*

.square-div {
    display: flex; 
    justify-content: left; 
}


.square {
  width: 15%;
  max-width: 100px;
  border-radius: 50%;
  background-image: url(../Imagenes/alumno2.jpg);
  background-size: cover;
  margin-right: 15px;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.square a {
    width: 100%;
    height: 100%;
    cursor: pointer;
}*/

@media (min-width: 35em) {
  main {
        margin-left: 10%;
        margin-right: 10%;
    }
    
    header {
        height: 50%;
    }
}