a{
            color:blue;
            font-family: verdana;

            font-size:7pt;
            font-weight: bold;
            text-align: left;
         
       
            }
         a:link, a:visited
                {
                    text-decoration: none;
                    }
         a:hover{
                background: magenta;
              }
        
         .coupon1,.coupon2,.coupon3{
                 color: red;
                 font-size: 10pt;
                 }
                 table{
                width: 100%; 
                 }
        
         
         table, th, td {
             border: 1px solid black;
             
          }
          tbody{
             
              width: 100%;
              overflow: auto;
                 } 
         tfoot{
                        width: 100%;
          }
          
        
      
             thead, tfoot{
                 background-color:pink;
              
                 }
          body{
                 position: center;
                   background-color:black; 
                opacity: 1; 
                }
         
               *{
                   margin: 0px;
                   padding: 0xp;
                   font-family: "montserrat",sans-serif;
                 }
          
                .gam{
                    color: #B8860B;

                    font-size: 7pt;
                    font-weight: bold;
                    }
                h1,h3{
                background-image:repeating-linear-gradient(black,grey 40%, white 100%);
             text-align: center;
             font-family: Times, "Times New Roman", Georgia, serif;  
             color: #000000;
             font-size: 7pt;
              font-weight: bold;
                }
          th p{
                        background-image:repeating-linear-gradient(black,grey 40%, white 100%);
                        
        }
          
        h2{
                    background-image:repeating-linear-gradient(black,grey 40%, black 100%);
                    text-align: center;
                    color: white;
                    font-family: Times, "Times New Roman", Georgia, serif;
                    font-size: 8pt;
                    font-weight: bold;
                    text-decoration: none;
        }
         a h3{
           
           color:blue;
           }
        p{
                     background-image:repeating-linear-gradient(black,grey 40%, black 100%);
                    text-align: center;
                    color: white;
                    font-family: Times, "Times New Roman", Georgia, serif;
                    font-size: 8pt;
                    font-weight: bold;
                    
                    
        } 
        th{
            width: 100%;
              text-align: center;
        }
     
        
        
.dropdown { position: relative; display: inline-block; text-align: center;}
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; }
.dropdown:hover .dropdown-content { display: block; }
 
      

 span {
  display: inline-block; /* Allows vertical margins and full control */
  margin-right: 20%;    /* Adds space to the right of each span */
}

.sports {
  /* Specify the image path */
  background-image: url('https://mabuelamedia.com/images/seatle.png');
  /* Set button dimensions */
   width: 60%;
  height: 100px;
  /* Center the background image */
  background-position: center;
  /* Control image scaling within the button */
  background-size: cover; /* or 'contain' to ensure the full image is visible */
  background-repeat: no-repeat;
  /* Remove default border and background color for a clean image-only look */
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.concerts {
  /* Specify the image path */
  background-image: url('https://mabuelamedia.com/images/jlo.png');
  /* Set button dimensions */
  width: 60%;
  height: 100px;
  /* Center the background image */
  background-position: center;
  /* Control image scaling within the button */
  background-size: cover; /* or 'contain' to ensure the full image is visible */
  background-repeat: no-repeat;
  /* Remove default border and background color for a clean image-only look */
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.theater {
  /* Specify the image path */
  background-image: url('https://mabuelamedia.com/images/himilton.png');
  /* Set button dimensions */
  width: 60%;
  height: 100px;
  /* Center the background image */
  background-position: center;
  /* Control image scaling within the button */
  background-size: cover; /* or 'contain' to ensure the full image is visible */
  background-repeat: no-repeat;
  /* Remove default border and background color for a clean image-only look */
  border: none;
  background-color: transparent;
  cursor: pointer;
}


.button-wrapper {
  display: flex;
  flex-direction: column; /* Stacks children vertically */
  align-items: center;    /* Centers items horizontally */
  margin: 1em;
}

.button-wrapper label {
  /* Optional styling */
  color: #333;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 0.5em; /* Adds space between label and button */
}

.button-wrapper button {
  /* Optional styling */
  padding: 10px 20px;
  background-color: #28a745;
  color: white;
  border: none;
  border-radius: 4px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}