body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-color: #1a1a1a;
}

header {
    text-align: center;
    background-color: #262626;
    color: white;
    padding: 10px 0;
}

main {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh; /* Provides space to center vertically */
}

.gif-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; /* Adds space between the GIFs */
}

.gif-container img {
    width: 30%; /* Adapts to screen size, leaving space for gap */
    height: auto; /* Maintains aspect ratio (1:1) */
    border: 2px solid #ddd; /* Optional border for aesthetics */
    border-radius: 5px; /* Optional for rounded corners */
    cursor: pointer; /* Indicates clickable */
    transition: transform 0.3s; /* Smooth transition for enlarging */
}

#gif1:target,
#gif2:target,
#gif3:target {
    position: fixed; /* Fixes position for centering */
    top: 50%; /* Centers vertically */
    left: 50%; /* Centers horizontally */
    transform: translate(-50%, -50%) scale(2); /* Zooms in */
    z-index: 100; /* Ensures it's on top */
    border: 5px solid #ddd; /* Stronger border for emphasis */
}

footer {
    text-align: center;
    background-color: #262626;
    color: white;
    padding: 10px 0;
}

footer a {
    color: white;
    text-decoration: underline;
}