body,html{margin:0;height:100%;font-family:Arial,sans-serif;}
.parallax{
background:url('background.jpg') center/cover fixed;
height:100vh;
}
.overlay{
background:linear-gradient(rgba(0,0,0,0.75),rgba(0,0,0,0.75));
height:100%;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
}
.content{color:white;text-shadow:0 2px 6px rgba(0,0,0,0.8);}
.logo{max-width:220px;width:80%;}

.social-bar{
position:fixed;right:15px;bottom:50%;
transform:translateY(50%);
display:flex;flex-direction:column;gap:12px;
}
.social-bar a{
width:45px;height:45px;border-radius:50%;
background:white;color:black;
display:flex;align-items:center;justify-content:center;
transition:.3s;text-decoration:none;
}
.social-bar a:hover{background:black;color:white;}
@media(max-width:768px){.parallax{background-attachment:scroll;}}