body
{
  background-image: url(images/qqa.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
;
}
.da
   {
      display: block;
      position: fixed;
   }
.db
   {
     margin: 30px;
   } 
.f
   {
     background-color: #4665a8;
      text-align: center;
      border-radius: 2px;
   }   
.f p{
  
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: pink;
  padding: 10px;
  margin: 0;
}
 /* Menu Hamburguesa*/


ul{
  text-align: left;
  display: none;
  font-size: 40px;
  font-family: 'Lucida Sans';
}

input:checked  ~ ul{
  display:block;
}

input {
  display: none;
}

label {
  box-sizing: border-box;
  display: inline-block;
  border: 2px solid yellow;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
  user-select: none;
  background-color: #46a2f2;
}

/* Estilo del boton cuando se pasa el mouse por encima*/
label:hover{
  background: green;
}

/* Estilo del boton cuando el menú está expandido*/
input:checked ~ label {
  background: #34eba8; 
}

ul .da{
  padding: 0;
  width: 500px;
  margin: 40px;
  border-color: black;
  border-radius: 5px;
  border-width:3px;
  display: block;
}


li {
  display: inline-block;
  background: #c034eb;
  margin: 10px;
  padding: 50px;
  list-style: none;
  border-bottom: 2px solid #c034eb;
  border: 2px;
  border-radius: 15px;
  text-size-adjust: 40px;
  
}

.da li{
  display: block;
  background: #a1f8c5;
  margin: 10px;
  padding: 10px;
  list-style: none;
  border-bottom: 2px solid #34ebbd;
  border: 2px;
  border-radius: 5px;
}

ul .da{
  display: block;
  background: #e4c9ec;
  margin: 10px;
  padding: 10px;
  list-style: none;
  border-bottom: 2px solid #98909b;
  border: 2px;
}

/*Estilo cuando el mouse pasa encima de cada link del menu*/
li:hover {
  filter: brightness(110%);
}

/* Menu principal*/
.ulPrincipal
  {
   display: flex; 
   justify-content: center;
  }
.liP
   {
     color: rgb(71, 71, 2);
     display: block;
     margin: 50px;
     
   }  
header {
    background-color: #880e82;
    
    /*background-image: url('/images/s2.jpg');*/
   
    padding: 20px;
    /*text-align: center;*/
  
}

header h1 {
    font-family: "Edu NSW ACT Cursive", cursive;
    font-weight: 700;
    margin: 10;
    color: magenta;
}

h2 
{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  text-align: center;
  font-weight: 400;
  font-size: 120px;
  margin: 10;
  color: rgb(164, 89, 235);
  text-shadow: 2px 2px #ff9900;
}

header p {
    
}
/* Section*/
h1
 {
   text-align: center;  
   font-size: 100px;
   color: rgba(225, 162, 233, 1);
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   text-shadow: 2px 2px #ff0000;
 }