/* Apply a dark background color for the page */
body {
    margin: 0;
    padding: 0;
    background-color: #000; /* Dark background color for the scary effect */
    overflow: hidden; /* Hide scrollbars */
}

/* Center the content */
.container {
    position: relative;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Central scary image */
#scary-image {
    width: 300px; /* Adjust size as needed */
    height: auto;
    animation: zoomIn 10s infinite; /* Apply zoom-in effect */
}

/* Keyframes for the zoom-in effect */
@keyframes zoomIn {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}

/* Hide the audio element */
audio {
    display: none;
}