body{
      background-color: #b30000;
      background-image: url("redsparklebg.gif");
      
      font-family: courier;
      font-size: 18px;
      margin-top: 20px;
      
    }

    h1{
  font-family: 'Brush Script MT', cursive;
  font-size: 75px;
  color: #b30000;
  margin-top: 15px;
  margin-bottom: 15px;
}

h3{
  font-family: 'Brush Script MT', cursive;
  font-size: 38px;
  color: #b30000;
  margin-top: 15px;
  margin-bottom: 15px;
}
    
    .container{  
      background-color: white;
      border: 1px solid #262626;
      text-align: left;
      width: 800px;
      padding: 2px 15px;
      color: black;
      
      
    }

    .container-credits{
      clear: both;
      margin-top: 30px;
      background-color: white;
      border: 1px solid #262626;
      text-align: left;
      width: 800px;
      padding: 2px 15px;
      color: black;
      
      
    }
    
    .image{
      float: left;
      padding: 5px 20px;
      
    }
    
    .image2{
      float: right;
      padding: 5px 20px;
      
      
    }

    .tooltip {
    display: inline-block; /* Allow inline block layout */
    background-image: url(martini-doll.gif); /* Background image */
    background-size: contain; /* Ensure background covers entire link area */
    background-repeat: no-repeat; /* No repeat */
    background-position: center; /* Center the background image */
    position: fixed; /* Necessary for positioning the tooltip */
    width: 160px; /* Size of the link area */
    height: 160px; /* Height for visual sizing */
    vertical-align: middle; /* Prevents it from pushing content down */
}

.tooltip-text {
    visibility: hidden; /* Hidden by default */
    width: max-content; /* Allow the text to stay on one line */
    background-color: #b30000; /* Background color */
    color: white; /* Text color */
    text-align: center; /* Center the text */
    border-radius: 5px; /* Rounded corners */
    padding: 5px; /* Padding around the text */
    position: absolute; /* Position it absolutely */
    z-index: 1; /* Ensure it is above other elements */
    top: calc(100% + 5px); /* Position it just below the image */
    left: calc(100% - 40px); /* Align it towards the bottom-right corner */
    opacity: 0; /* Start invisible */
    transition: opacity 0.3s; /* Smooth transition */
    border: 2px solid white; /* Styling for the border */
}

.tooltip:hover .tooltip-text {
    visibility: visible; /* Show on hover */
    opacity: 1; /* Make it visible */
}
    
    a{
    color: #b30000;
}



.wrapper{
  display: flex;
}

.corner-image{
  position: fixed; 
  right: -5%; 
  bottom: -2px; 
  
}

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/holidays/hol-2/hol199.cur), auto !important;} /* End https://www.cursors-4u.com */