body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

/* Container for social media icons */
.social-media {
    position: fixed;
    bottom: 45%;
    /* Position container in the middle of the page */
    right: 20px;
    /* Distance from the right edge */
    transform: translateY(50%);
    /* Adjusts the vertical alignment */
    z-index: 1000;
    /* Ensures it stays on top of other content */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    /* Space between the icons */
}

.social-media a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    /* Width of the icon */
    height: 50px;
    /* Height of the icon */
    background-color: white;
    /* Background color of the icon */
    border-radius: 50%;
    /* Circular shape */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    /* Shadow effect */
    text-decoration: none;
    color: black;
    /* Icon color */
    font-size: 24px;
    /* Icon size */
}

.social-media a:hover {
    background-color: #f0f0f0;
    /* Lighter background on hover */
}

.social-media a.facebook {
    color: #1877F2;
    /* Facebook blue color */
}

.social-media a.instagram {
    color: #C13584;
    /* Instagram pink color */
}

.social-media a.twitter {
    color: #1DA1F2;
    /* Twitter blue color */
}

.social-media a.whatsapp {
    color: #25D366;
    /* WhatsApp green color */
}