@font-face {
    font-family: 'PirateFont';
    src: url('./fonts/Pieces\ of\ Eight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Remove MapFont @font-face declaration */

* {
    font-family: PirateFont;
}

html {
    overflow-x: hidden;
}

body {
    position: relative;
}

#navbarNav {
    position: relative;
    z-index: 9999;
}

.title {
    font-size: 6rem;
    position: relative;
    z-index: 100;
	width: max-content;
}

.gold-txt {
    background: linear-gradient(to right,
            #d4af37,
            #c49b2e,
            #b58324,
            #d4af37);
    background-size: 200%;
    background-position: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gold-shimmer 2s infinite linear;

}

/* Ensure the home section has relative positioning */
#home {
    position: relative;
    overflow: hidden;
    background-image: url(images/pc.jpg);
    background-size: cover;
    background-position: center;
    font-size: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

#home::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    /* Dark overlay */
    backdrop-filter: blur(2px);
    /* Blur effect only on the background */
    z-index: 1;
    /* Ensure it's above the background image but below the content */
}

#home h1 {
    position: relative;
    /* Ensure text is above the overlay */
    z-index: 2;
    /* Make sure text is on top of the overlay */
    animation: slideInFromLeft 1.5s ease-out forwards;
}

#home .timer-container {
    position: relative;
    z-index: 2;
}

/* Animation for text */
@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
        /* Start off the screen to the left */
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        /* End at the normal position */
        opacity: 1;
    }
}

#home h1 {
    animation: slideInFromLeft 1.5s ease-out forwards;
}


.gold-text {
    color: #d4af37;
}


@keyframes gold-shimmer {
    0% {
        background-position: 0%;
    }

    100% {
        background-position: 200%;
    }
}

/* PROGRESS SHIP */
/* .progress-ship-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    pointer-events: none;
}

.progress-ship {
    position: absolute;
    width: 500px;
    left: -500px;
    bottom: 10px;
    transition: left 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    transform: translateZ(0);
    will-change: left;
    height: 225px;
    width: auto;
}
*/


/* EVENTS CARD */
.event-card {
    perspective: 1000px;
    /* Adds depth to the card flip */
    margin: 10px;
}

.card-inner {
    position: relative;
    width: 100%;
    height: 350px;
    /* Set fixed height */
    transition: transform 0.6s;
    transform-style: preserve-3d;
    /* Ensures the back side is hidden */
}

.event-card:hover .card-inner {
    transform: rotateY(180deg);
    /* Flip the card when hovered */
}

.card-front,
.card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    /* Hide the back side when flipped */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1.5rem;
    padding: 20px;
    border-radius: 5%;
}

.card-front {
    background: #2c2c2c;
    color: #d4af37;
    background-image: url("images/skull.jpeg");
    /* Event background image */
    background-size: cover;
    background-position: center;
    color: white;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: last baseline;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    /* Make the text stand out */
}

.card-back {
    background: #d4af37;
    color: #4d2800;
    transform: rotateY(180deg);
    padding: 20px;
    font-family: 'PirateFont';
    font-size: 1.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Ensure space between text and buttons */
    align-items: center;
    text-shadow: none;
}

.card-back p {
    font-family: 'PirateFont';
    font-size: 1.5rem;
    line-height: 23px;
    flex-grow: 1; /* Allow text to take up available space */
}

.card-back .button-container {
    display: flex;
    gap: 10px; /* Space between buttons */
}

.pirate-button {
    background-color: #4d2800;
    color: #fffff0;
    padding: 8px 18px;
    border: 2px solid #ffd700;
    clip-path: polygon(
      3% 5%, 10% 3%, 18% 7%, 25% 3%, 32% 5%, 38% 2%, 45% 7%, 52% 3%, 
      58% 6%, 65% 2%, 72% 5%, 78% 2%, 85% 7%, 90% 4%, 96% 6%, 
      97% 15%, 94% 22%, 97% 30%, 93% 37%, 97% 45%, 93% 53%, 97% 60%, 
      94% 68%, 97% 76%, 95% 85%, 90% 93%, 85% 95%, 78% 91%, 71% 95%, 
      64% 93%, 57% 95%, 50% 91%, 43% 95%, 36% 93%, 29% 95%, 22% 91%, 
      15% 95%, 8% 93%, 5% 84%, 7% 75%, 3% 67%, 7% 58%, 3% 50%, 
      7% 43%, 3% 35%, 7% 27%, 3% 18%, 5% 10%, 3% 5%
    );
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4); /* Shadow for depth */
    transition: transform 0.3s ease, background-color 0.3s ease;
    cursor: pointer;
    text-decoration: none;
  }
  
  .pirate-button:hover {
    background-color: #5e3200; /* Slightly lighter brown */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
  }
  
#about {
    position: relative;
    background-image: url("images/dragon.jpeg"); /* Set dragon as background image */
    background-size: cover; /* Ensure the image covers the entire section */
    background-position: center; /* Center the image */
    background-repeat: no-repeat;
    color:white; /* Prevent tiling */
    background-attachment: fixed;
    
}

#about .container {
    position: relative; /* Ensure child elements are positioned properly */
    z-index: 1; /* Keep content above the background */
}

#about::before {
    content: ""; /* Create a pseudo-element for fading effect */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(6, 0, 0, 0.658); /* Adjust opacity for readability */
    z-index: 0; /* Keep it behind the content */
}

#about h2,
#about .gold-txt {
    position: relative; /* Ensure the text stays above the background */
    z-index: 1; /* Text above the pseudo-element */
}

#about img {
    width: 100%;
    height: 10dvh;
    max-width: 50%; /* Occupy 50% width on PC */
}

.about-img {
    height: 95vh; /* Increase the height to 95% of the viewport height */
    object-fit: cover; /* Ensure the image covers the container */
}

@media (max-width: 768px) {
    #about img {
        width: auto;
        height: 50vh; /* Occupy 50% height on mobile */
    }

    .about-img {
        height: auto; /* Reset height for mobile */
    }
	
    #marquee {
    	display: none;
    }
    

}

.video {
    width: 100%; /* Full width of the column */
    height: auto; /* Maintain aspect ratio */
    border-radius: 10px; /* Optional: Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Optional: Add shadow for a polished look */
}




.ship {
    width: 700px; /* Adjust the size of the ship */
    height: 300px;
    position: absolute;
    z-index: 1;
    top: 20%; /* Move the ship higher (adjust percentage as needed) */
    animation: moveShip 5s linear forwards; /* Ship moves from right to left */
}


@keyframes moveShip {
    0% {
        left: -800px; /* Start completely off-screen to the left */
        transform: translateY(-10px); /* Optional: add a floating effect */
    }
    100% {
        left: 100vw; /* Move completely off-screen to the right */
        transform: translateY(10px); /* Optional: add a floating effect */
    }
}


/* Text styling (no animation needed for the text) */
h1 {
    color: #fff;
    font-size: 2rem;
    text-align: center;
    z-index: 2; /* Keep the text on top of the ship */
}


.position-relative {
    position: relative;
}



#faq {
    background-image: url('images/bg.jpg');
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, 0); /* Black overlay with 60% opacity */
    background-blend-mode: overlay;
    color: #fff;
    background-attachment: fixed;
}


/* .gold-txt {
    font-size: 3rem;
    color: gold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
} */

.accordion-button {
    background-color: transparent !important; /* Fully transparent background */
    color: #fff !important;
    border: none;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.accordion-button:hover {
    background-color: rgba(0, 0, 0, 0.5) !important; /* Semi-transparent background on hover */
    color: #ffdd00 !important;
}

/* Keep the button highlighted when its accordion is open */
.accordion-button:not(.collapsed) {
    background-color: rgba(0, 0, 0, 0.7) !important; /* Semi-transparent background for active state */
    color: #ffdd00 !important;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(255, 221, 0, 0.5);
}

/* Accordion body styling */
.accordion-body {
    background-color: rgba(0, 0, 0, 0.05); /* Very light transparent black background */
    color: #ccc;
    border-radius: 5px;
    padding: 1rem;
}

/* Item margin for better spacing */
.accordion-item {
    margin-bottom: 1rem;
}

/* Wrapper styling */
.col-auto {
    background-color: transparent; /* Fully transparent wrapper */
    padding: 1rem;
    border-radius: 15px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .gold-txt {
        font-size: 2rem;
    }

    .accordion-button {
        font-size: 1.2rem;
    }

    .accordion-body {
        font-size: 1rem;
    }

    .event-card {
        width: 80%;
        margin: 10px auto;
    }

    .card-inner {
        height: 250px;
    }

    .card-front, .card-back {
        font-size: 1rem;
    }

    .card-back p {
        font-size: 1rem;
    }

    .pirate-button {
        padding: 5px 10px;
        font-size: 0.8rem;
    }

    .dialogue-box {
        width: 90%; /* Adjust width for mobile screens */
        padding: 15px; /* Adjust padding for mobile screens */
        padding: 10px;
    }

    .dialogue-box * *, .dialogue-box * {
        font-size: 1.5rem; /* Adjust font size for text and list items */
    }

    .dialogue-box li {
        display: flex;
        flex-direction: column;
    }

    .dialogue-box li strong {
        margin-bottom: 5px;
    }

    #faq .col-auto {
        width: 100%; /* Stretch content to full width */
    }

    #home, #about, #events, #faq, #contact {
        overflow-y: auto;
        overflow-x: hidden;
    }

    #about {
        line-height: 25px;
    }

    #events .card-inner , #events .card-front , #events .card-back {
        height: 250px;
        /* margin: 10px; */
        font-size: 1rem;
        padding: 10px;
    }
}

/* Modal styling */
.event-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    padding-top: 3rem;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}

.model-inner {
    background-color: #2c2c2c; /* Dark background */
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    max-width: 800px; /* Limit the maximum width */
    color: #fffff0; /* Gold text color */
    font-family: 'PirateFont';
    border-radius: 10px;
    overflow-y: auto; /* Prevent y overflow */
    max-height: 85vh; /* Limit the maximum height */
}

.model-inner p, li {
    font-family: 'PirateFont';
    font-size: 1.3rem;
    line-height: 25px;
    flex-grow: 1; /* Allow text to take up available space */
    padding: 5px;
    font-weight: normal; /* Ensure no bold formatting */
}

.close {
    color: #d4af37; /* Gold color for close button */
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #fff; /* White color on hover */
    text-decoration: none;
    cursor: pointer;
}

#contact{
    background-image: url('images/Contact_Background_PC.gif');
    background-size: cover;
    background-position: center;
    overflow-x: hidden; /* Prevent x-axis overflow */
}

.dialogue-box {
    background: rgba(0, 0, 0, 0.4); /* Dark semi-transparent background */
    border: 2px solid #ffd700; /* Gold border for contrast */
    border-radius: 10px; /* Smooth corners */
    padding: 20px;
    width: 550px; /* Fixed width for uniform look */
    height: auto;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Soft shadow for depth */
    position: relative;
    color: #fff; /* White text color */
    z-index: 2;
    backdrop-filter: blur(1px); /* Blur background */
    font-size: 1.2rem; /* Increased text size */
}
.dialogue-box em {
    color: #ffd700; /* Gold for emphasis */
}

.dialogue-box * {
    font-family: 'PirateFont';
    font-weight: normal; /* Ensure no bold formatting */
}

.dialogue-box p {
    font-size: 1.5rem; /* Larger font size for headings */
    color: #d4af37; /* Gold color for headings */
}

.dialogue-box ul, .dialogue-box em {
    font-size: 1.2rem; /* Smaller font size for other text */
    color: #fff; /* White color for other text */
}

@media (max-width: 768px) {
    .dialogue-box {
        width: 90%; /* Adjust width for mobile screens */
        padding: 15px; /* Adjust padding for mobile screens */
    }

    .dialogue-box * {
        font-size: 1rem; /* Adjust font size for text and list items */
    }

    .dialogue-box li {
        display: flex;
        flex-direction: column;
    }

    .dialogue-box li strong {
        margin-bottom: 5px;
    }

}

.moving-ship {
    position: absolute;
    bottom: 0px; /* Move the ship even lower in the contact section */
    left: -20px; /* Start off-screen */
    animation: sail-across 20s linear infinite; /* Reduce duration to make it move faster */
    width: 300px; /* Increased width for a larger ship */
    height: auto; /* Maintain aspect ratio */
    z-index: 1; /* Ensure it appears above other elements */
}

@keyframes sail-across {
    0% {
        left: -90%; /* Start off-screen left */
    }
    100% {
        left: 150%; /* Move off-screen right */
    }
}

/* Trigger animation when #contact is visible */
#contact {
    position: relative;
    overflow: hidden; /* Prevent the ship from being visible outside bounds */
}

.register-link {
    background-color: #d4af37;
    color: #4d2800;
    padding: 20px 20px;
    text-decoration: none;
    font-size: 1.5rem;
    transition: background-color 0.3s ease, color 0.3s ease;
    display: inline-block;
    text-align: center;
    clip-path: polygon(5.99% 31.70%, 5.99% 32.59%, 6.45% 33.04%, 6.45% 34.38%, 6.22% 34.38%, 6.22% 35.27%, 5.99% 35.27%, 5.99% 37.50%, 6.22% 37.50%, 6.22% 38.84%, 6.45% 38.84%, 6.68% 40.63%, 6.45% 40.63%, 6.45% 41.52%, 6.22% 41.52%, 6.22% 42.41%, 5.99% 42.41%, 5.99% 43.30%, 5.76% 43.30%, 5.76% 44.64%, 5.99% 44.64%, 5.99% 45.54%, 6.22% 45.54%, 6.22% 46.43%, 6.45% 46.43%, 6.45% 48.66%, 6.22% 48.66%, 6.22% 49.55%, 5.99% 49.55%, 5.99% 50.45%, 5.76% 50.45%, 5.76% 51.79%, 5.99% 51.79%, 5.99% 52.68%, 5.76% 52.68%, 5.76% 54.02%, 5.99% 54.02%, 5.99% 54.91%, 5.53% 54.91%, 5.53% 58.04%, 5.30% 58.04%, 5.30% 58.48%, 4.84% 58.48%, 4.84% 59.82%, 4.38% 59.82%, 4.38% 60.71%, 4.61% 60.71%, 4.61% 62.50%, 5.30% 62.50%, 5.30% 64.29%, 5.99% 64.29%, 5.99% 65.18%, 5.76% 65.18%, 5.76% 66.52%, 5.99% 66.52%, 5.99% 67.86%, 5.76% 67.86%, 5.76% 68.75%, 5.99% 68.75%, 5.99% 69.20%, 6.45% 69.64%, 6.45% 71.43%, 5.99% 71.88%, 5.99% 73.66%, 6.22% 73.66%, 6.22% 74.11%, 6.68% 74.55%, 6.68% 75.89%, 6.22% 76.34%, 6.22% 78.57%, 6.45% 78.57%, 6.45% 79.02%, 6.91% 79.46%, 6.91% 80.36%, 6.68% 80.36%, 6.68% 81.70%, 7.37% 81.70%, 7.37% 82.59%, 8.29% 82.59%, 8.29% 83.04%, 8.99% 83.04%, 9.22% 82.14%, 9.68% 82.14%, 9.68% 82.59%, 10.14% 82.59%, 10.14% 83.04%, 10.60% 83.04%, 10.60% 83.48%, 11.52% 83.48%, 11.52% 83.04%, 11.98% 83.04%, 11.98% 82.59%, 12.44% 82.59%, 12.44% 82.14%, 13.59% 82.14%, 13.59% 82.59%, 14.06% 82.59%, 14.06% 83.04%, 15.44% 83.48%, 15.44% 83.04%, 15.90% 83.04%, 15.90% 82.59%, 16.59% 82.59%, 16.59% 82.14%, 17.74% 82.14%, 17.74% 82.59%, 18.20% 82.59%, 18.20% 83.04%, 18.66% 83.04%, 18.66% 83.48%, 19.35% 83.48%, 19.35% 83.04%, 20.74% 83.04%, 20.74% 82.14%, 20.97% 82.14%, 20.97% 81.70%, 21.89% 81.70%, 21.89% 80.80%, 22.58% 80.80%, 22.58% 81.25%, 22.81% 81.25%, 23.04% 82.14%, 23.96% 82.14%, 23.96% 81.70%, 24.42% 81.25%, 25.12% 81.25%, 25.35% 82.14%, 25.81% 82.14%, 26.27% 82.59%, 26.27% 83.04%, 26.73% 83.04%, 26.73% 82.14%, 27.88% 81.70%, 29.03% 83.48%, 29.03% 83.04%, 29.49% 83.04%, 29.72% 82.14%, 30.41% 82.14%, 30.41% 82.59%, 31.11% 82.59%, 31.11% 83.04%, 32.03% 83.04%, 32.26% 83.48%, 32.72% 83.48%, 32.95% 83.04%, 33.64% 83.04%, 33.87% 82.59%, 34.33% 82.59%, 34.56% 82.14%, 35.02% 82.14%, 35.94% 81.25%, 35.94% 82.14%, 36.41% 82.14%, 36.41% 82.59%, 37.10% 82.59%, 37.10% 83.04%, 37.79% 83.04%, 38.02% 83.48%, 38.71% 83.48%, 38.71% 82.59%, 60.83% 81.70%, 61.52% 80.80%, 61.52% 82.14%, 61.98% 81.70%, 69.35% 82.14%, 69.35% 82.59%, 70.05% 82.59%, 70.05% 81.70%, 69.82% 81.70%, 69.82% 81.25%, 70.28% 80.80%, 70.28% 80.36%, 71.89% 79.91%, 72.35% 79.91%, 72.35% 80.36%, 73.04% 81.25%, 73.27% 80.80%, 73.73% 81.25%, 73.73% 82.14%, 74.88% 81.25%, 74.88% 82.14%, 75.35% 82.14%, 75.58% 83.04%, 75.81% 83.04%, 76.73% 81.70%, 77.42% 83.04%, 78.11% 83.04%, 78.34% 82.14%, 78.80% 82.14%, 79.03% 82.59%, 80.18% 82.59%, 80.18% 83.48%, 81.11% 83.04%, 81.34% 82.59%, 81.11% 82.14%, 81.80% 81.25%, 82.03% 81.25%, 82.03% 82.14%, 82.49% 81.70%, 82.95% 82.14%, 82.95% 82.59%, 83.87% 83.04%, 83.87% 83.48%, 84.79% 83.48%, 84.79% 83.04%, 85.71% 82.14%, 87.10% 82.14%, 87.56% 82.59%, 87.56% 83.04%, 88.02% 83.04%, 88.02% 83.48%, 88.71% 83.48%, 88.71% 83.04%, 90.55% 82.59%, 90.55% 82.14%, 91.01% 81.70%, 91.01% 81.25%, 90.78% 81.25%, 90.78% 80.36%, 90.09% 80.36%, 90.09% 78.57%, 89.63% 78.57%, 89.63% 76.79%, 89.86% 76.79%, 89.86% 76.34%, 90.55% 76.34%, 90.55% 74.55%, 91.24% 74.55%, 91.24% 73.21%, 91.01% 73.21%, 91.01% 72.32%, 91.47% 71.88%, 91.24% 70.09%, 90.78% 69.64%, 90.78% 68.30%, 91.01% 68.30%, 91.01% 67.86%, 91.47% 67.41%, 91.24% 65.63%, 90.78% 65.18%, 90.78% 63.84%, 91.24% 63.39%, 91.24% 59.82%, 91.01% 59.82%, 91.01% 58.48%, 90.32% 58.48%, 90.32% 56.70%, 89.86% 56.70%, 89.86% 55.80%, 90.09% 55.80%, 90.09% 54.46%, 90.55% 54.46%, 90.55% 53.13%, 91.01% 53.13%, 91.01% 52.23%, 91.24% 52.23%, 91.24% 50.89%, 90.78% 50.89%, 90.78% 49.11%, 91.01% 49.11%, 91.01% 48.21%, 91.24% 48.21%, 91.47% 45.54%, 91.24% 45.54%, 91.24% 44.20%, 91.01% 44.20%, 91.01% 42.86%, 90.78% 42.86%, 90.78% 41.52%, 90.55% 41.52%, 90.55% 40.63%, 90.78% 40.63%, 90.78% 39.29%, 91.01% 39.29%, 91.01% 38.39%, 91.24% 38.39%, 91.24% 37.05%, 91.47% 37.05%, 91.47% 35.71%, 91.24% 35.71%, 91.24% 34.38%, 91.01% 34.38%, 91.01% 33.04%, 90.78% 33.04%, 90.78% 31.70%, 90.55% 31.70%, 90.55% 30.80%, 90.78% 30.80%, 90.78% 29.46%, 91.01% 29.46%, 91.01% 27.68%, 91.24% 27.68%, 91.24% 25.45%, 90.78% 25.45%, 90.78% 25.89%, 90.09% 25.89%, 90.09% 26.34%, 89.40% 26.34%, 89.40% 26.79%, 88.94% 26.79%, 88.94% 26.34%, 88.48% 26.34%, 88.48% 25.89%, 88.02% 25.89%, 88.02% 25.45%, 86.64% 25.45%, 86.64% 25.89%, 86.41% 25.89%, 86.41% 26.34%, 85.94% 26.34%, 85.94% 26.79%, 85.48% 26.79%, 85.48% 26.34%, 85.02% 26.34%, 85.02% 25.89%, 84.56% 25.89%, 84.56% 25.45%, 83.41% 25.45%, 83.41% 25.89%, 82.95% 25.89%, 82.95% 26.34%, 82.49% 26.34%, 82.26% 25.45%, 81.34% 25.45%, 81.11% 26.34%, 80.41% 26.34%, 80.18% 25.45%, 79.72% 25.45%, 79.72% 26.34%, 79.49% 26.34%, 79.49% 26.79%, 79.03% 26.79%, 79.03% 25.89%, 78.80% 25.89%, 78.80% 25.45%, 78.34% 25.45%, 78.34% 25.89%, 77.65% 25.89%, 77.65% 25.45%, 76.73% 25.45%, 76.50% 26.34%, 75.81% 26.34%, 75.58% 25.45%, 74.65% 25.45%, 74.42% 26.34%, 73.73% 26.34%, 73.50% 25.45%, 72.58% 25.45%, 72.58% 25.89%, 72.12% 25.89%, 72.12% 25.45%, 66.36% 25.45%, 66.13% 26.34%, 65.67% 26.34%, 65.44% 25.45%, 64.98% 25.45%, 64.75% 26.34%, 64.29% 26.34%, 64.29% 25.89%, 63.59% 25.89%, 63.59% 25.45%, 63.36% 25.45%, 63.36% 25.89%, 62.44% 25.45%, 62.44% 25.89%, 61.98% 26.34%, 61.52% 26.34%, 61.29% 25.45%, 60.37% 25.45%, 60.14% 26.34%, 59.68% 26.34%, 59.45% 25.89%, 58.06% 25.89%, 58.06% 25.45%, 57.14% 25.45%, 57.14% 26.34%, 56.68% 26.79%, 56.68% 25.89%, 56.22% 25.89%, 55.99% 26.34%, 55.53% 26.34%, 55.53% 27.23%, 55.07% 27.68%, 55.07% 26.79%, 54.38% 26.79%, 54.38% 26.34%, 53.69% 26.34%, 53.23% 25.89%, 53.23% 26.79%, 39.63% 28.13%, 39.17% 26.79%, 38.94% 27.68%, 38.02% 26.34%, 32.72% 26.79%, 32.03% 26.79%, 32.03% 26.34%, 31.57% 26.34%, 31.57% 26.79%, 31.34% 26.79%, 31.34% 27.68%, 31.11% 27.68%, 30.65% 26.34%, 30.65% 27.23%, 30.41% 27.23%, 26.04% 25.45%, 24.88% 27.23%, 22.81% 27.23%, 22.58% 26.79%, 20.05% 27.68%, 15.44% 26.79%, 9.68% 26.79%, 9.68% 26.34%, 9.22% 26.34%, 8.99% 25.45%, 8.29% 25.45%, 8.29% 26.79%, 8.06% 26.79%, 8.06% 27.68%, 7.83% 27.68%, 7.83% 29.02%, 6.91% 28.57%, 6.91% 30.80%, 6.22% 30.80%, 6.22% 31.70%, 5.99% 31.70%);
    max-width: max-content;
}

.register-link:hover {
    background-color: #c49b2e;
    color: #fff;
}

.register-link {
    display: inline-block;
    margin-top: 20px;
    text-align: center;
}

.home-title {
    margin-top: 3rem;
    max-height: 18rem; /* Increase the size of the image */
    z-index: 2; /* Bring the image to the front */
    position: relative; /* Ensure it stays in the correct position */
}