body {margin:0 0 0 0;margin:0 0 0 0;padding:0 0 0 0;color:#444;font-family:'Open Sans';font-size:13px;font-weight:400;text-align:left;background-color: #777;
    background-image: url("https://2.bp.blogspot.com/-p07Xc4l2CRo/VfVoSJfY0dI/AAAAAAAAFS8/c_VTU86l6y0/s1600/Background%2BIni%2BBlogger.jpg");}
    body:before {
    content: '';
    position: absolute;
    top:10px; right:10px; bottom:10px; left:10px;
    border-radius: 0 0 6px 6px;
    border: 2px solid navy;
    z-index: -999999;
    }
    body:after {
    content: '';
    position: absolute;
    top:10px; right:10px; bottom:10px; left:10px;
    border-radius: 6px;
    border: 4px dashed burlywood;
    box-shadow:
    0 0 10px rgba(0,0,0,.8),
    inset 0 0 5px rgba(0,0,0,.8);
    z-index: -999999;
    }
    .main-wrapper {
      font-size: 15vmin;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      float: right;
      z-index: 999;
      position: fixed;
    }
    .signboard-wrapper {
      width: 105vmin;
      height: 55vmin;
      position: relative;
      flex-shrink: 0;
      transform-origin: center 2.5vmin;
      animation: 1000ms init forwards, 1000ms init-sign-move ease-out 1000ms, 3000ms sign-move 2000ms infinite;
    }
    
    .signboard-wrapper .signboard {
      color: #ffffff;
      font-family: Montserrat, sans-serif;
      font-weight: bold;
      background-color: #da9100;
      width: 100vmin;
      height: 35vmin;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      bottom: 0;
      border-radius: 4vmin;
      text-shadow: -5px 5px #333;
    }
    
    .signboard-wrapper .string {
      width: 30vmin;
      height: 30vmin;
      border: solid 0.9vmin #893d00;
      border-bottom: none;
      border-right: none;
      position: absolute;
      left: 50%;
      transform-origin: top left;
      transform: rotatez(45deg);
    }
    
    .signboard-wrapper .pin {
      width: 5vmin;
      height: 5vmin;
      position: absolute;
      border-radius: 50%;
    }
    
    .signboard-wrapper .pin.pin1 {
      background-color: #9f9f9f;
      top: 0;
      left: calc(50% - 2.5vmin);
    }
    
    .signboard-wrapper .pin.pin2,
    .signboard-wrapper .pin.pin3 {
      background-color: #893d00;
      top: 21.5vmin;
    }
    
    .signboard-wrapper .pin.pin2 {
      left: 13vmin;
    }
    
    .signboard-wrapper .pin.pin3 {
      right: 13vmin;
    }
    
    @keyframes init {
      0% {
        transform: scale(0);
      }
    
      40% {
        transform: scale(1.1);
      }
    
      60% {
        transform: scale(0.9);
      }
    
      80% {
        transform: scale(1.05);
      }
    
      100% {
        transform: scale(1);
      }
    }
    
    @keyframes init-sign-move {
      100% {
        transform: rotatez(3deg);
      }
    }
    
    @keyframes sign-move {
      0% {
        transform: rotatez(3deg);
      }
    
      50% {
        transform: rotatez(-3deg);
      }
    
      100% {
        transform: rotatez(3deg);
      }
    }