body 
    {
      font-family: Arial;
      background-image: url("../Fotos/fondoMain.jpg");
      background-size: fill;
      max-width: 100%;
    }

    p
    {
      width: 700px;
      transform: translateX(250px);
      font-size: large;
      margin-left: 10%;
    }

    header /*estilo HEADER*/
    {
      background-color:#d1bfa7;
      padding: 30px;
      text-align: center;
      font-size: 35px;
      color: white;
      width: auto;
    }

    h1 /*estilo H1*/
    {
      display: block;
      padding: 13px;
      text-decoration: none;
      background-color: #bd8c7d;
      transform: translateX(-50px);
      width: 98%;
      
    }

    ul /*etilo de la tabla con los links a otras paginas*/ 
    {
      list-style-type: none;
      width: 165px;
    }

    li :hover
    {
      opacity: 0.6;
    } 

    li a /*estilo de los links a otras paginas*/
    {
      display: block;
      padding: 8px;
      text-decoration: none; /*que los links no esten underlined*/
      background-color: #49494b;
      color: white;
    }

    
    article /*estilo donde va la info de lo que contiene la pagina*/
    {
      float: left;
      width: 85%;
      background-color: #8e8e90;
      height: 450px;
      text-align: center; 
    }

    nav /*estilo del espacio conde estan los links a las diferentes paginas*/
    {
      float: left;
      width: 15%;
      height: 450px;
      background:#a7997a;
    }

    @media (max-width: 600px) /*manera de poner el cuadrado de los links a otras cosas de la pagina y donde esta la info en la misma linea*/
    {
      nav, article 
      {
        width: 100%;
        height: auto;
      }
    }

    footer /*estilo de la parte de abajo 'Other Stuff'*/
    {
      background-color: rgb(92, 91, 91);
      padding: 10px;
      text-align: center;
      color: white;
      width: auto;
    }

    section::after /*rellena el espacio q falta entre el article y el nav*/ 
    {
      content: "";
      display: table;
      clear: both;
    }

    img
    {
      margin-left: 85px;
      margin-top: 20px;
    }