text{
  color: black;
}
.center {
  margin: auto;
  width: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 5px;
}
.center2 {
  margin: auto;
  width: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 5px;
}
.mezera {
    margin: auto;
    padding: 15px;
    padding-top: 5px;
}
.mezera2 {
    margin: auto;
    padding: 10px;
    padding-top: 25px;
}
body{
    background-color: rgb(34, 34, 34);
}
@media (max-width: 768px) {
  .center iframe {
    width: 94% !important;
  }
  .center {
  margin: auto;
  width: 85%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 5px;
}
.center2 {
  margin: auto;
  width: 85%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 5px;
}
.mezera {
    margin: auto;
    padding: 25px;
    padding-top: 5px;
}
.mezera2 {
    margin: auto;
    padding: 25px;
    padding-top: 25px;
}
body{
    background-color: rgb(34, 34, 34);
}
}