@charset "utf-8";
/* CSS Document */


body{
    margin-left: 25%;
    margin-right: 25%;
    background-image: url(imagenes/B.png);
    background-size: 100%;
    background-repeat:repeat;
    
    
}

section{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
      background-color: rgba(255, 255, 255, 0.73);
     padding: 2.5em;
    font-family: 'Oswald', sans-serif; 
    font-weight: 400;
}

h1{
    display: flex;
    justify-content: center;
    font-size: 200%;
    margin-top: 3%;
    text-decoration: overline;
    font-family: 'Amatic SC', cursive;
    font-weight: 700; 
    
}

h2{
    font-size: 300%;
    margin-bottom: -10%;
    margin-top:5%;
    font-family: 'Amatic SC', monospace;

}


h4{
    margin-bottom: -10%;
    font-family: 'Amatic SC', monospace;
    font-size: 150%;
    text-decoration: overline;    
    font-weight: 400; 
}

h3 {
    font-size: 150%;
    font-family: 'Amatic SC', monospace;
    font-weight: 700;
}


figure {
    display: flex;
    justify-content: center;
}

header nav{
    background-color: rgba(255, 255, 255, 0.73);
    margin-top: 5%;
    
}
header nav ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
header nav ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -12%;
}
header nav ul li a{
    display: flex;
    justify-content: center;
    text-decoration: none;
    font-size: 190%;
    font-family: 'Amatic SC', monospace;
    font-weight: 900;
    color: black;
    
    }

header nav ul li a:hover {
    color:rgba(136, 56, 78, 0.53);
}

a {
    text-decoration: none;
    
}


.c2 p a {
    color: black;
    font-weight: bold;
}

.c2 p a:hover {
    color:rgba(136, 56, 78, 0.53);
}
    

.jt{
    text-align: right;
    margin-right:1%;
  
}

.jt p a {
    color: black;
    font-weight: bold;
}

.jt p a:hover {
    color:rgba(136, 56, 78, 0.53);
}

article{
    text-align: left;
    margin-left: 1%;
    color: black;

   
}

article p {
    margin-top: -10%;
    color: black;
    font-family: 'Oswald', sans-serif; 
    font-weight: 400;

}

.prop{
   
}


footer { 
    margin: 1em 0em 0em 0em;
   
    padding: 0,5em;
    font-family: 'Oswald', sans-serif; 
    font-weight: 800;
    
    
}



footer p { 
    display: flex;
    justify-content: center;
    font-size:80%;
    color: black;
    }

.f {
    margin-top: -1em;
}
footer figure{
    margin-bottom: -1%;
    
}