body {
    font-family: 'Arimo', sans-serif;
    background-color: #333;
  }
  
  iframe {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background-size: cover;
  }
  
  /*****************************/
  
  .overlay {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: rgba(0,0,0,0.3);
    display: block;
    position: absolute;
    top: 10%;
    left: 30%;
  }
  
  .overlay h1 {
    text-align: center;
    padding-top: 100px;
    color: #fff;
    font-family: inherit;
  }
  
  .overlay p{
    text-align: center;
    width: 80%;
    margin: 0 auto;
    color: #fff;
    font-family: inherit;
    margin-bottom: 20px;
    transform-origin: top 0 left 0;
  }
  
  .overlay a {
    color: #fff;
  }
  
  @-webkit-keyframes shake {
  0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
      10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
      20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
      30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
      40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
      50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
      60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
      70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
      80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
      90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
      100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
  }
  
  
  .overlay:hover,
  .overlay:focus{
      -webkit-animation: shake 0.8s linear infinite;
      animation: shake 0.2s linear infinite;
  
  }