.yts-title {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(0px + 1em);
  right: calc(0px + 1em);
  pointer-events: none; }

.yts-title h5 {
  text-align: center;
  font-size: 1.1rem;
  margin: 0.5rem;
  text-shadow: 0px 0px 2px #6baca3; }

.yts-blur {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(0px + 0.5em);
  right: calc(0px + 0.5em);
  background-color: rgba(107, 172, 163, 0.3);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  opacity: 0;
  transition: 0.75s opacity ease; }

.yts-blur:hover {
  opacity: 1; }

.yts-title h5 {
  color: white;
  text-transform: lowercase; }

.modal-dialog {
  max-width: 90% !important; }

.yts-frame iframe {
  width: 100% !important;
  height: 90vh !important; }

@media screen and (min-width: 768px) {
  .yts-blur {
    left: calc(0px + 1em);
    right: calc(0px + 1em); } }
@media screen and (min-width: 768px) and (min-height: 800px) {
  .modal-dialog {
    max-width: 450px !important; }

  .yts-frame iframe {
    width: 450px !important;
    height: 800px !important; } }