body{
  color:black;
  /*    background:#fced7d;*/
  background:#ffffdb;
/*  background:burlywood; */
  font-family: Baskerville, Baskerville Old Face, Garamond, Times New Roman, serif;
  font-size: 1.2em;
}


.global{
  display:flex;
   
}

.prin{
border:1px solid red; 
display:block;  
  padding:15px 70px;
  text-align:justify;
}

.navmenu{

display:block;

}

.navmenu ul{
  list-style-type:none;
  padding:20px 5px;;
/*  border:1px solid green; */
  
  
}


.navmenu ul li a{
  display:flex;
  justify-content:center;
  align-items:center;
  height:35px;
  width:150px;
  /* coor de los elementos del menu */
  background:#b7b6ae;
  color:black;
  border-radius: 8px;
  box-shadow:10px 7px 3px black;
  transition: all 0.5s;
  margin:10px;
  text-decoration: none;
  font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;

  
  /*  text-decoration:none; */
}

.navmenu ul li a:hover{
  transform:translateX(5px);
  /*   background:#cced7a;*/
  background:#C70039;
  color:white;
}

a:visited {
  color: forestgreen;
}

.box{
  margin:10px 15px;
  width:150px;
  height:148px;
/* Esto le da a la caja la propiedad para que sea rodeada por el texto */
  float:left;
 
  border: 2px solid black;
}

/*
p{
  letter-spacing: 1px;
  }
*/

  h1 {
    color: black;
    /*sombra del texto en el titulo*/
    text-shadow: 2px 2px darkgray;
    text-align:left;
    }




@media screen and (max-width:780px){

body{
  color:black;
      background:#ffffdb;
/*  background:dimgray; */
/*  background:burlywood; */
  font-family: Baskerville, Baskerville Old Face, Garamond, Times New Roman, serif;
  font-size: 1em;
}


.global{
  display:inline;
   
}

  .prin{
    border:1px solid red; 
    display:block;
    padding:3px 3px;
    text-align:justify;
  }



  
  .navmenu{
    display:flex;
  }


  .navmenu ul{
  display:flex;
    list-style-type:none;
    padding:3px 5px;;

  }

  .navmenu ul li a
  {
    display:flex;
    margin: 3px;
    padding: 2px;
    width:70px;
    list-style-type: none;
    list-style-image: none;
    background:#b7b6ae;
    text-decoration:none;
    box-shadow:5px 7px 3px black;
    font-size:1.0em;
  }


  .navmenu ul li a:hover{
    transform:translateX(5px);
    /*   background:#cced7a;*/
    background:red;
    color:white;
  }

  .box{
    margin:10px 15px; 
    border:0px solid black;
    width:30%;
    height:11%;
    /* Esto le da a la caja la propiedad para que sea rodeada por el texto */
    float:left; 
    
    
  }



  
}