/* Reset default margins and paddings */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: #000; /* Set background color */
}

/* Styling for the image slideshow */
#slideshow {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Styling for the logo */
#logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.3);
    z-index: 10; /* Ensures logo stays on top */
}

/* Ensures the logo scales proportionally */
#logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Styling for the video */
#video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none; /* Hidden initially */
}

/* Contact button styling */
#contact {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 15; /* Ensure contact button is above other elements */
}

#contact img {
    width: 100px; /* Adjust size as needed */
    height: auto;
    object-fit: contain;
}