@font-face {
   
   font-family: Orbitron;
   src: local("Orbitron"), url("/fonts/orbitron.ttf");
   
}

@font-face {
    font-family: BrunoAce;
    src: local("BrunoAceSC-Regular"), url("/fonts/BrunoAceSC-Regular.ttf");
}

.titleFont {
    font-family: Orbitron;
    font-weight: normal;
    font-size: 45px;
}

.floatingPanel {
    position: absolute;
    width: 600px;
    height: 300px;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    border: 2px solid #fff; /* White border */
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Subtle shadow */
    color: #fff; /* White text */
    padding: 15px; /* Padding inside the panel */
    z-index: 1000; /* Ensure it stays on top */
    display: none; /* Initially hidden */
}
.infoPanel {
    position: absolute;
    width: 800px;
    height: 300px;
    background-color: rgba(0, 0, 0, 0.788); /* Semi-transparent background */
    border: 2px solid #fff; /* White border */
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Subtle shadow */
    color: #fff; /* White text */
    padding: 20px; /* Padding inside the panel */
    z-index: 100; /* Ensure it stays on top */
    display: block; /* Initially hidden */
    overflow-y: auto; /* Scroll if content overflows */
}

.hotspotlink {
    position: absolute;
    top: 600px;
    left: 800px;
    width: 100px;
    height: 100px;
    background-color: rgba(255, 0, 0, 0.774); /* Semi-transparent red for visibility */
    border: 2px solid #fff; /* White border */
    border-radius: 50%; /* Circular shape */
    cursor: pointer; /* Pointer cursor on hover */
    text-align: center;
    line-height: 60px; /* Center text vertically */
    z-index: 500; /* Ensure it stays on top */
}

.bgrdimage {
  background-image: url('/images/venues_001.png');
  background-repeat: no-repeat;         /* Prevents tiling */
  background-size:contain ;               /* Shows full image  */
  background-position: center center;   /* Centers the image */
  background-attachment: fixed;         /* Keeps image fixed during scroll */
}

h1, h2, h3, h4, h5, h6 {
    font-family: BrunoAce;
    font-weight: normal;

}