#homepage .btn-check:checked + #homepage .btn, #homepage .btn-check:active + #homepage .btn, #homepage .btn:active, #homepage .btn.active, #homepage .btn.show {
  background-color: #00c3ab;
  color: white;
  font-weight: 700;
  border-radius: 0.5rem;
}

#homepage .decoration {
  font-size: 16rem;
  display: block;
  top: 0;
  right: 0;
  color: rgba(0,0,0,.03);
  line-height: 18.125rem;
  font-weight: 550;
  transform: translate(-110px, 10px);
}

#homepage .last-news {
  transform: translate(0px, -65px);
  text-decoration: #b30000 underline;
  text-decoration-thickness: 3px;  
}


#homepage .video-background {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}

#homepage .video-background {
    background-color: grey;
}

#homepage .video-background iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16/9) {
  #homepage .video-background iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  #homepage .video-background iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}