body {     background-color: #151105; margin: 0 auto; background-image: linear-gradient(45deg, #ff000000 0 16%, #feffe952 90% 100%); }
#main { float: right; color: #fff; width: 100%; font-family: 'Bree Serif', serif; }
h1, h2 { letter-spacing: 9px; }
h1 {  font-size: 9rem; margin-top: 0px; text-shadow: #000 2px 3px 2px;  }
h2 {  font-size: 2rem; margin-top: -120px; text-shadow: #000 2px 3px 2px;  }
h3 { font-size: 1.5rem; } 

hr { margin: 30px; border: 1px solid black; }

.video-container {
    overflow: hidden;
    position: relative;
    width:65%;
    margin-top: -20px;
}

.video-container::after {
    padding-top: 52%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.menu{
    list-style: none;
    margin-top: -12px;
    font-size: 2.2rem;
    display: flex;
    justify-content: center;
}

ul { padding-inline-start: 0px !important; }

.menu li{
  position:relative;
  float:left;
}

.menu li a{ color:#ff0; text-decoration:none; padding:5px 10px; display:block; }

.menu li a:hover{
  color: #ffffae;
  text-shadow: 8px 4px 38px #fff;
}

.errata {
  padding: 0 20px 0 20px;
}

.errata strong {     
  font-size: 16px;
  justify-content: center;
  word-break: break-word; 
}

.erros { margin-top: 50px; font-size: 1.1rem; padding: 0 20px; }
.erros strong { color: #ff0; margin: 10px; }
.erros p { 
  margin-top: 7px;
  margin-bottom: 17px; 
}
.bytsadok {
  line-height: 10px;
  margin-top: 67px;
  font-size: 20px;
}

@media screen and (max-width: 600px) {
  #main {
    position: absolute;
    width: 100%;
  }
  h1 {  font-size: 3.5rem; padding: 20px; }
  h2 {  font-size: 1rem; margin-top: -85px; padding: 20px; }
  h3 { font-size: 0.8rem; padding: 20px; }

  .oferta { width: 100%; height: auto; }
  .menu { font-size: 1.2rem; }
  .erros { font-size: 0.9rem; }
  .bytsadok { line-height: normal; }
}