body {
height: 200px;
background: linear-gradient(90deg, powderblue, pink);
}
.transparent-text {
  font-family: 'Rubik One', sans-serif;
  font-size: 50px;
  text-transform: uppercase;
  background: #2E2F45;
  display: table;
  margin: 20px auto;
  color: white;
  border-radius: 5px;
  mix-blend-mode: multiply;
  padding: 5px 10px;
}

.ZOOM img{
width: 500px;
height:400px;
}

.ZOOM {
  display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}

.MAN{
font-size: 40PX;
  display: flex;
  flex-direction: column;
  align-items: center;
font-family:'cursive';
color:#6F47D7;
}
hr{
  color: red;
}
.buttons{
  display: flex;
  align-items: center;
font-family:'cursive';
color:#6F47D7;
font-size: 40PX;
}

.dast2{
  display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color:#6F47D7;
font-family:'cursive';
font-size: 40PX;
}
.fast{
height:500px ;
width:500px;
}
.radmir{
  display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color:#6F47D7;
font-family:'cursive';
font-size: 40PX;
}
.lox{
  display: flex;
  flex-direction: column;
  color:#6F47D7;
  font-family:'cursive';
  font-size: 40PX;
background: rgba(255, 207,0, 0.5);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.tar{
  display: flex;
  align-items: center;
  justify-content: center;
}
.oyt{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color:#6F47D7;
  font-family:'cursive';
  font-size: 40PX;
}