body {
  background-color: black;
  color: blue;
  font-family: Verdana;
}
h1 {
  color: purple;
}
h4 {
  color: red
}
.lang-switch {
display: flex;
justify-content: center;
gap: 10px;
margin: 15px 0;
}

.lang-switch img {
width: 32px;
height: 24px;
border-radius: 4px;
border: 2px solid transparent;
cursor: pointer;
transition: transform 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
filter: drop-shadow(0 0 3px #000);
}

.lang-switch img:hover {
transform: scale(1.1);
border-color: #ED64F5;
}

.lang-switch img.active {
border-color: #ED64F5;
opacity: 1;
}

.lang-switch img:not(.active) {
opacity: 0.6;
}
.lang-switch {
position: fixed;
top: 10px;
right: 10px;
background: rgba(19, 9, 45, 0.7);
padding: 5px 8px;
border-radius: 10px;
z-index: 1000;
}