@charset "utf-8";
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}
.main-content {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Social Links Styling */
.social-links {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.social-links a {
    color: white;
    background-color: #333;
    margin: 0 10px;  /* Adjusted margin for smaller icons */
    font-size: 1rem;  /* Reduced font size */
    width: 30px;      /* Reduced width */
    height: 30px;     /* Reduced height */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: transform 0.3s, background-color 0.3s;
}
.social-links a:hover {
    transform: scale(1.1);
    background-color: #007bff;
}