html {
    background-image: linear-gradient(#8b9da9, #fff6e4);
    box-shadow: inset 0 0 100px hsla(0,0%,0%,.3);
    min-height: 100%;
}

@-webkit-keyframes sway {
    0% {
      transform: rotate(8deg);
    }
    50% {
      transform: rotate(-8deg);
    }
    100% {
      transform: rotate(8deg);
    }
  }
  @keyframes sway {
    0% {
      transform: rotate(8deg);
    }
    50% {
      transform: rotate(-8deg);
    }
    100% {
      transform: rotate(8deg);
    }
  }
  body {
    width: 100%;
  /*  background-image: linear-gradient(to bottom right, red, yellow);
    } */ 
  /*   background: #737373; */
    font-family: Tahoma, sans-serif;
    border-top: 1px solid #737373;
  }
/*  .macbook { */
.object { */
    -webkit-animation: sway 2.0s infinite;
            animation: sway 2.0s infinite;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    transform-origin: top;
  }
  
  .object-shape {
    width: 75px;
    height: 15px;
    display: block;
    background-color: #2d5fcf;
    margin: 0 auto;
    position: relative;
  }
  
  .object-rope {
    height: 250px;
    width: 3px;
    background-color: #bdf347;
    content: "";
    display: block;
    margin-left: 50%;
    bottom: 54px;
  }