header img {
width: 60%;
    border-radius: 100%;
box-shadow: 4px 2px 7px 0px #128484;
}
.link { 
      font-size: 15px;
    background-color: #a6d3d4;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
 

    
p{
    font-size: 20px;
    
}

.brenda h1 {
    text-decoration: underline;
    text-decoration-style: wavy;
margin-top: 25px;
}

.brenda div p{
margin-top: 1px;
    font-style: italic;
    
}

.carousel-inner {
    vertical-align: middle;
    border-style:solid;
    border-color: aliceblue;
    
}
.carousel-item{
   
    transition: 1s;
    
}


body {
    font-weight: normal;
    font-size: 15pt;
    color: darkslategray;
    text-align: center;
    background-color: #b4dddd;

}




.yo{
   padding-left: 90px;
    padding-right: 90px;
margin-top: 100px;
    margin-bottom: 100px;
justify-content: center;
}

.yo p{
  text-align: justify center;

    
    
}

h4 {
    margin-top: 15px;
    margin-bottom: 15px;
}



.materias {
    display: flex;
    flex-direction: column;
     flex-wrap: wrap;
 background-color: #caeaea;
   
  padding-top: 20px;
padding-bottom: 20px;
    padding-left: 2px;
  margin-left: 20%;
margin-right: 20%;
     border-radius: 20px;
}



h1,h2, h4{
    font-family: 'Be Vietnam';
}

.yo,p,h3 {
    font-family: 'Be Vietnam', sans-serif;
}

.redes {

    text-align: center;
    margin-top: 70px;
    font-family: 'Quicksand';
    font-weight: 900;
}

.yo h4 {
text-align: center;
text-decoration: underline;
    text-decoration-style: solid;

}


body {

    font-family: "Arial";

}

.perfil-links {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  margin-top: 70px;
    margin-bottom: 30px;
    padding-left: 30%;
    padding-right: 30%;
}
  .perfil-links li a img {
    width: 40px;
    border-radius: 0;
    margin: 1px;
  }
  .perfil-links a {
    flex: 1 1 auto;
    margin: 2px;
    opacity: 0.7;
    cursor: pointer;
  }
    .perfil-links a:hover {
      opacity: 1;
    }

ul {
    list-style: none;
    }




footer {
   
    text-align: center;
 margin-top: 6%;
    background-color: #a6d4d4;
    padding-bottom: 15px;
    padding-top: 20px;
    padding-left: 3%;
    padding-right: 3%;

}



    
.carousel-inner {
    width:65%;
 margin: auto;
 
   
}
.pie{
    font-size: 12pt;
    justify-content: center;
    
    
    
}



@media screen and (min-width:200px) {
 
    
    .encabezado {
    font-size: 10px;
   
}      

    body { font-size: 10pt
    
    }

    
    .brenda h1{
        font-size: 30px;
        
    }
    
    header img{
        width: 60%;
    }
    .yo{
        padding-left: 16px;
    padding-right: 16px;
    margin-top: 50px;
    margin-bottom: 70px;
    text-align: justify center;
}
    .materias h2{
        width: 100%;
        
    }
    
    
.materias {
  
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
   margin-left: 3%;
    margin-right: 3%;


    
    
    } }
    
@media screen and (min-width:500px) {  
   
      .encabezado {
    font-size: 13px;
   
}   
    
    body { font-size: 10pt
    
    }
    
    header img{
        width: 35%;
    }
    .yo{ 
        padding-left: 65px;
    padding-right: 65px;
   
        
        
    }
    .materias h2{
        
        width: 100%;
        
    }
    
.materias {
  
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
     margin-left: 13%;
margin-right: 13%;
    
    
    } 


    .materias .m1{
       padding:inherit;
     
       
        
    }
    .materias .m2{
        
     padding: inherit;
        
    }
    
    .perfil-links li a img {
    width: 53px;


}}

   
@media screen and (min-width:1000px) {  
    
    
    body { font-size: 13pt
    
    }
    .materias{
        margin-left: 20%;
        margin-right: 20%;  
        
    }
    header img{
        width: 25%;
    }
    }