.bg-green {
    background: #afcb36 !important;
}
.bg-green-hover {
    background: #90aa1e !important;
}

.border-green {
    border-color: #90aa1e;
}

.text-green {
    color: #afcb36;
}

.handwriting {
    font-family: 'Reenie Beanie', cursive;
}
.simpleParallax {
    height: 100% !important;
}

.scale-and-rotate-left {
   transform: scale(1) rotate(-5deg);
}

.scale-and-rotate-left:hover {
    transform: scale(1.15) rotate(-10deg);
    z-index: 3;
}

.scale-and-rotate-right {
    transform: scale(1) rotate(3deg);
}
 
.scale-and-rotate-right:hover {
     transform: scale(1.15) rotate(7deg);
     z-index: 3;
}

@media only screen and (max-width: 600px) {
    .scale-and-rotate-left {
        transform: scale(1) rotate(0deg);
     }
     
     .scale-and-rotate-left:hover {
         transform: scale(1.1) rotate(0deg);
     }
     
     .scale-and-rotate-right {
         transform: scale(1) rotate(0deg);
     }
      
     .scale-and-rotate-right:hover {
          transform: scale(1.1) rotate(0deg);
          z-index: 3;
     }
}

.shim-green {
    position: relative;
    overflow: hidden;
    background-color: rgba(175, 203, 54, 0.7);
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -ms-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}
.shim-green::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(
      90deg,
      rgba(233, 233, 233, 1) 0,
      rgba(233, 233, 233, 0.9) 50%,
      rgba(233, 233, 233, 0.8) 100%
    );
    animation: shimmer 2s ease-out infinite;
    content: "";
}
@keyframes shimmer {
    100% {
      transform: translateX(0%);
      opacity: 0;
    }
}