/* style.css */

          .html
          {
            background-color: rgba(63, 15, 77, 0.92);
          }
          
          .body
          {
            font-family: 'MedievalSharp', cursive;
          }
          
          .fondo
          {
            width: 1707px;
            height: 825px; 
            display: block;
            
            top: 0px; 
            bottom: 900px;
            left: 0px;
            right: 0px;
            
            position: absolute;
            z-index: -1;
          }
    
          .box1
          {
            width: 1575px; 
            height: 700px;
            background-color: rgba(35, 15, 42, 0.92);
            border: 5px solid black;
            padding: 20px;
            margin: 35px 0 0px 35px;
            border-radius: 5px;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
            color: rgba(193, 162, 178, 0.82);
            font-size: 24px;
            
            position: relative;
            z-index: 1;
          }
          
          .box2
          {
            width: 425px;
            height: 500px;
            background-color: rgba(35, 15, 42, 0.92);
            border: 5px solid black;
            padding: 20px;
            
            top: 175px;
            left: 30px;
            
            border-radius: 5px;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
            color: rgba(193, 162, 178, 0.82);
            font-size: 28px;
            
            position: absolute;
          }
          
          .box3
          {
            width: 425px;
            height: 650px;
            background-color: rgba(35, 15, 42, 0.92);
            border: 5px solid black;
            padding: 20px;
            
            top: 25px;
            left: 550px;
            
            border-radius: 5px;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
            color: rgba(193, 162, 178, 0.82);
            font-size: 28px;
            
            position: absolute;
          }
          
          .box4
          {
            width: 470px;
            height: 420px;
            background-color: rgba(35, 15, 42, 0.92);
            border: 5px solid black;
            padding: 20px;
            
            top: 25px;
            left: 1065px;
            
            border-radius: 5px;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
            color: rgba(193, 162, 178, 0.82);
            font-size: 28px;
            
            position: absolute;
          }
          
          .box2, .box3, .box4 
          {
          color: white;
          }
          
          .foto1
          {
            width: 550px;
            height: auto; 
            display: block;
            
            top: 15px;
            left: 1157px;
            
            z-index: 2;
            position: absolute;
          }
          
          .foto2
          {
            width: 550px; 
            height: auto; 
            display: block;
            
            top: 5px; 
            left: 0px;
            
            z-index: 2;
            position: absolute;
          }
          
          .foto3
          {
            width: 550px; 
            height: auto; 
            display: block;
            
            top: 0px; 
            left: 550px;
            
            z-index: 2;
            position: absolute;
          }
          
          .gif1
          {
          width: 600px;  
          height: auto;  
          display: block;

          position: absolute; 
          z-index: 3; 
  
          top: 490px;
          left: 900px;
          margin: 0;
          }
          
          .gif2
          {
          width: 205px;  
          height: auto;  
          display: block;
  
          position: absolute;
          z-index: 3;
  
          top: 442px;
          left: 1335px; 
          margin: 0; 
          }
          
          .gif3
          {
          width: 350px;  
          height: auto;  
          display: block;
  
          position: absolute;
          z-index: 3;
  
          top: 575px;
          left: 320px; 
          margin: 0; 
          }
          
          .gif4
          {
          width: 155px;  
          height: auto;  
          display: block;
  
          position: absolute;
          z-index: 3;
  
          top: 595px;
          left: -30px; 
          margin: 0; 
          }
          
          .gif5
          {
          width: 250px;  
          height: auto;  
          display: block;
  
          position: absolute;
          z-index: 3;
  
          top: 175px;
          left: 1045px; 
          margin: 0; 
          }