*{
    margin: 0;
    
}
body{
    font-family: Poppins, system-ui,-apple-system, Segoe UI, Roboto,Arial,sans-serif;
    background:radial-gradient(1000px 400px at 10% 50%, #ffe6ee, transparent 60%);
}
header{
  display: flex;
}
.logo-container{
    display: flex;
    justify-content: flex-start; 
    display: fixed;
    margin-top: 25px;
    margin-left: 150px;
}
.logo{
    width: 75px;
    height: 75px;
}
.title{
    padding-top: 1.5em;
    font-weight: 700;
}
.lang-button{
  margin-top: 1.5em;
  margin-left: auto;
  padding-right: 2em;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, .2));
}

.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  padding: 40px;
  gap: 40px;
}
.left, .right {
  flex: 1;
}
/* Right Content */
.right h1.script {
  font-family: 'Pacifico', cursive;
  font-size: 2rem;
  margin-bottom: 20px;
}

.right p {
  margin-bottom: 15px;
  margin-right: 20px;
  line-height: 1.5;
}
/* Social Icons */
.social {
  margin-top: 20px;
  display: flex;
  gap: 20px;
  font-size: 1.5rem;
}

.social a {
  color: #111;
  transition: color 0.3s ease;
}

.social a:hover {
  color: #e91e63;
}

/* Responsive */
@media (max-width: 1024px) {
  .container {
    flex-direction: column;
    text-align: center;
  }
  video {
    width:400px;
  }
  .social {
    display: flex;
    justify-content: center; 
    align-items: center;
}

@media (max-width: 600px){
  .logo{
    width: 50px;
    height: 50px;
  }
  .logo-container{
    display: flex;
    justify-content: center; 
    align-items: center;
    margin-left: 10%;
  }
  .title{
    padding-top: 0;
    font-weight: 700;
}
  .flag{
    width: 50px;
    height: 50px;
  }
  video {
    width:200px;
  }
  .right h1.script {
  font-size: 1rem;
  }
  .social {
    display: flex;
    justify-content: center; 
    align-items: center;
}
  
}