body {
background: linear-gradient(135deg, #6a11cb, #2575fc);
height: 100vh;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-family: 'Poppins', sans-serif;
color: white;
text-align: center;
}


h1 {
font-size: 3em;
margin-bottom: 40px;
}


.btn-container {
display: flex;
gap: 30px;
flex-wrap: wrap;
justify-content: center;
}


.social-btn {
padding: 25px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.2);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}


.social-btn:hover {
background-color: rgba(255, 255, 255, 0.4);
transform: scale(1.15);
}


.icon {
width: 70px;
height: 70px;
object-fit: cover;
border-radius: 50%;
}


/* Mobile Responsive Design */
@media (max-width: 600px) {
h1 {
font-size: 2em;
margin-bottom: 30px;
}


.btn-container {
flex-direction: column;
gap: 20px;
}


.social-btn {
padding: 20px;
}


.icon {
width: 60px;
height: 60px;
}
}