@charset "utf-8";
  @import url(https://fonts.googleapis.com/css?family=Lato:400,300italic,300,900);
@import url(https://fonts.googleapis.com/css?family=Amatic+SC:400,700);


body {
    background-image: url(../img/fondo.jpg);
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
}

.maria {
     background-color: rgba(250, 212, 192, 0.68);   
    padding-top: 0.1;
    padding-bottom: 0.1%;
    margin-top: 12;
    margin-top: 12;
    border-radius: 1em;
    
}

.maria img {
    width: 200;
    
}

.interface {
    width: 100%;
    background-color: rgba(250, 212, 192, 0.68);   
    padding-top: 0.1;
    padding-bottom: 0.1%;
    margin-top: 12;
    margin-top: 12;
    border-radius: 1em;
}

.interface h1 {
    
    font-family: 'Amatic SC', cursive; color: rgb(129, 88, 113);
     font-size: 80;
    
 border-top-style: double;
    border-top-width: 10;
 width: 500;
    border-bottom: double;
    border-bottom-width:10;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 0.1em
}

.nombre {
 font-family: 'Amatic SC', cursive; color: rgb(129, 88, 113);
     font-size: 80;
   
    border-top-style: double;
    border-top-width: 10;
 width: 380;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 0.1em
 
}

.enlaces {

 width:100%;
      background-color: rgba(210, 227, 227, 0.53);
    margin-top: 12;
    padding-bottom: 0.5%;
    padding-top: 0.5%;
    border-radius: 1em;
    
}

.enlaces ul { 
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.enlaces ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-decoration: none;
   

}
.enlaces ul li a {
    display: flex;
    justify-content: center;
    text-decoration: none;
    color: rgb(129, 88, 113); 
     font-family: 'Lato', sans-serif;
    font-size: 150%;
    text-decoration: none;
} 

.gato p {
    text-align: center;
    font-family: 'Lato', sans-serif; color: rgb(129, 88, 113);
    font-size: 132%
    
}

.gato h4 {
    text-align: center;
    font-size: 25;
    font-family: 'Lato', sans-serif; color: rgb(129, 88, 113);
    border-bottom-style: solid;
     width: 250;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
article {
     background-color: rgba(255, 255, 255, 0.69);
    font-family: 'Lato', sans-serif;
    margin-top: 1%;
    margin-bottom: 1%;
    padding-left: 100;
    padding-right: 100;
    padding-top: 10;
    padding-bottom: 22;
    border-radius: 1em;
   }

.cursadas {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
   
    
}

.cursadas h3 {
   font-family: 'Lato', sans-serif; color: rgba(129, 88, 113, 0.79);
    width: 250;
  
    font-size: 250%;  
   
}


article p {
    
    font-size: 100%;
        
}


article ul {
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-bottom: 12;
}
article ul li {
 display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -12%;
}
article a {
    text-decoration: none;
    font-size:150%;
    color: rgb(129, 88, 113);
 display: flex;
    justify-content: center;
    text-decoration: none;
     font-family: 'Lato', sans-serif; 
   
    } 

 
h2 {
    font-family: 'Amatic SC', cursive; color: rgb(129, 88, 113);
    font-size: 350%;
    border-bottom-style: double;
    border-bottom-width: 5;
    text-align: center;
    
    
    }


.idea h3 {
    font-family: 'Lato', sans-serif; color: rgba(129, 88, 113, 0.79);
    border-bottom-style: solid; color: color: rgba(129, 88, 113, 0.79);
    border-bottom-width: 4;
    width: 400;
    font-size: 150%;  
    text-align: center;
      margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 250;
}

 

.idea {
     background-color: rgba(210, 227, 227, 0.53);
     padding: 5;
    margin-top: 125;
    border-radius: 1em;

}

.idea p {
    
    padding-left: 80;
    padding-right: 50;
    
}

.idea nav ul li a {
    font-size: 12pt;
    justify-content: center;
    
}

.idea nav ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
        }

footer {
    background-color: rgba(129, 88, 113, 0.79);
     font-family: 'Lato', sans-serif; color: white;
    font-size: 90%;
  text-align: center;
    clear: both;
    padding-bottom: 12;
    padding-top: 20;
    border-radius: 1em;
    }

.img img{
    width: 100%;
    border-radius: 1em;
}
.img h4 {
      font-family: 'Lato', sans-serif; color: rgba(129, 88, 113, 0.79);
    border-bottom-style: solid; color: color: rgba(129, 88, 113, 0.79);
    border-bottom-width: 2;
    font-size: 15pt;
    letter-spacing: 0.1em;
}

.explicacion {
     background-color: rgba(210, 227, 227, 0.53);
     padding: 5;
    margin-top: 4%;
    margin-bottom: 4%;
    border-radius: 1em;
    display: flex;
    justify-content: flex-start;
}

.explicacion aside {
   
    margin-top: 5%;
    display: flex;
   padding-left: 5%;
    font-family: 'Lato', sans-serif; color: rgb(129, 88, 113);
    letter-spacing: 0.1em;
}
a:hover {
    background-color: rgba(250, 212, 192, 0.68);
    
}