.zoomies {
	    width:100%;
		display: absolute;
		height:100%;
        overflow: hidden;
        margin: 0 auto;
		border-radius: 32px;
    }
      
    .zoomies img {
        width: 100%;
        transition: 0.5s all ease-in-out;
    }
      
    .zoomies:hover img {
        transform: scale(1.1);
    }
.item-wrapper{
  overflow: hidden;
  margin: 0 auto;
  height: 100%;
  width: 100%;
}
/*font-family: 'Poppins', sans-serif;*/

#navbarScript{
    display: all;
    transition: all ease-in-out 0.3s;
}

.navbarShowScript{
    display: none;
    transition: all ease-in-out 0.3s;
}

.slidies {
  position: relative;
  transition: transform ease 1000ms;
}

.slidies:hover {
	transform: translate(-30%, -30%) scale(0.2);
}
.secondimage{
    background-image: url(https://mreng.cf/source/natepicture.png);
    background-repeat: no-repeat;
	height: auto;
	width: 100%;
	max-width: 100%;
}



@-webkit-keyframes bounce {

  0%,
  100% {
    -webkit-transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-5px);
  }
}

@keyframes bounce {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}

#title:hover > div:first-child {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  animation-duration: 1s;
}

#title:hover > div:nth-child(2) {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  animation-duration: 1s;
  animation-delay: 0.11s;
}

#title:hover > div:nth-child(3) {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  animation-duration: 1s;
  animation-delay: 0.22s;
}

#title:hover > div:nth-child(4) {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  animation-duration: 1s;
  animation-delay: 0.33s;
}

#title:hover > div:nth-child(5) {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  animation-duration: 1s;
  animation-delay: 0.44s;
}

#title:hover > div:nth-child(6) {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  animation-duration: 1s;
  animation-delay: 0.55s;
}

#title:hover > div:nth-child(7) {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  animation-duration: 1s;
  animation-delay: 0.66s;
}

#title:hover > div:nth-child(8) {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  animation-duration: 1s;
  animation-delay: 0.77s;
}


#title {
  color: black;
  font-family: 'Cedarville Cursive', cursive;
  text-decoration: none;
  font-size: 30px;
}

#title > div {
  display: inline-block;
}