#body {
    background-image: url('https://www.pixelstalk.net/wp-content/uploads/2016/07/8-Bit-Wallpapers-HD.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    transform: scaleX(1);
    overflow: hidden;
  }


  

  
  .rotate {
      transform: rotate(90deg);
  }
  
  .green { 
      color: green; 
      } 
  .center {
          padding: 10px;px;
      
          text-align: center;
        }
  
        .shadow { 
          color: white; 
          font: bold 200px Helvetica, Arial, Sans-Serif;
          text-shadow: 1px -10px #000000, 
                       2px -5px #000000, 
                       3px -20px #000000;
          border: 100px;
  
       }
  
       .wavy {
          animation-name: wavy;
          animation-duration: 1.3s;
          animation-timing-function: ease;
          animation-iteration-count: infinite;
          position: relative;
          top: 0;
          left: 0;
        }
        @keyframes wavy {
          0% {
            top: 0px;
          }
          50% {
            top: -20px;
          }
          100% {
            top: 0px;
          }
        }
  
        .coolBeans {
          border: 2px solid currentColor;
          border-radius: 3rem;
          color: rgb(0, 0, 0);
          font-family: roboto;
          font-size: 1rem;
          font-weight: 100;
          overflow: hidden;
          padding: 1rem 2rem;
          position: center;
          text-decoration: none;
          transition: 0.2s transform ease-in-out;
          will-change: transform;
          z-index: 0;
          width: 250px;
        }
        .coolBeans::after {
          background-color: rgba(109, 109, 109, 0);
          border-radius: 3rem;
          content: '';
          display: block;
          height: 5000%;
          width: 200%;
          position: absolute;
          left: 0;
          top: 0;
          transform: translate(-10%, 0) rotate(33deg);
          transform-origin: top right;
          transition: 8s transform ease-out;
          will-change: transform;
          z-index: -1;
        }
        .coolBeans:hover::after {
          transform: translate(0, 0);
        }
        .coolBeans:hover {
          border: 2px solid transparent;
          color: #666666;
          transform: scale(1.05;
          will-change: transform;
        }



H