body {
    background: url('/img/Background.svg') center/cover;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    font-family: 'Arial', sans-serif;
}

#container {
    text-align: center;
    padding: 20px;
}

h1 {
    background: #0A33FF;
    background: linear-gradient(to right, #0A33FF 0%, #dd00ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
}

h4 {
    margin-top: 10px;
}

.social-icons {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.social-icons li {
    margin: 0 15px;
}

.social-icons a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
}

#logo {
    width: 100%; /* Set the logo width to 100% for responsiveness */
    max-width: 300px; /* Set the maximum width for larger screens */
    height: auto;
    margin-bottom: 20px;
}

/* Media Queries for responsiveness */
@media only screen and (max-width: 600px) {
    h1 {
        font-size: 24px; /* Adjust font size for smaller screens */
    }
  
    h4 {
        font-size: 14px; /* Adjust font size for smaller screens */
    }

    .social-icons a {
        font-size: 12px; /* Adjust font size for smaller screens */
    }
}
