body {
      background-color: rgb(8, 8, 8);
      margin: 0;
      font-size: 10pt;
      font-family: tahoma, monospace;
      position: relative;
      text-align: center;
      color: white;
      display: flex;
      flex-wrap: wrap;
      flex-flow: row wrap;
      align-items: center;
      justify-content: center;
      height: 100%;
      width: 100%;
    }

    p {
      display: block;
    }

    img {
      width: 283px;
      height: 159px;
      display: block;
      margin-left: 16px;
      border: 2px #222 solid;
      border-radius: 0.3em;
      transition: transform 0.2s, border-radius 0.2s;
      /* Animation */
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: .2s ease-in-out;
    }

    img:hover {
      transform: scale(1.04);
      /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
      border-radius: 0.35em;
    }


    .block {
      color: "red"
        font-size: 12pt;
      display: block;
    }

    .force-mobile {
      width: 750px;
      max-width: 750px;
      height: 1334px;
      margin: 0 auto;
      border-style: none;
      border-color: inherit;
      border-width: 0px;
      -webkit-transform: scale(0.5);
      -webkit-transform-origin: 0 0;
      display: block;
    }

    .quoter {
      width: 50%;
      height: 50%;
    }
    iframe {
    border: 1px #222 solid;
    }
    .button {
      position: absolute;
      width: 35%;
      height: 20%;
      left: 5%;
      top: 70%;
      text-align: center;
      opacity: 0;
      transition: opacity .35s ease;
      border: solid 1px rgba(80, 80, 80, .4);
      background-color: rgba(0, 0, 0, .4);
    }

    .button a {
      width: 100%;
      height: 100%;
      left: 0px;
      top:27%;
      position: absolute;
      text-align: center;
      color: white;
      z-index: 2;
      font-size: 12pt;
      font-family: tahoma, monospace;
      text-decoration: none;
      -webkit-transition-duration: 0.4s; /* Safari */
      transition-duration: 0.4s;
    }

    .button:after {
      content: "";
      background: #400E00;
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: all 0.8s
    }

.button:active:after {
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: 0s
}

    .container {
      margin-top: 10px;
      display: block;
      position: relative;
    }

    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0);
      transition: background 0.5s ease;
    }

    .container:hover .overlay {
      display: block;
      background: rgba(0, 0, 0, .3);
    }

    .container:hover .button {
      opacity: 1;
    }
    .caption {
      top: 0px;
      font-size: 16pt;
      color: #444;
    height: 20px;
    width: 100%;
    }