.col-1 {
    background-color: rgb(126, 125, 124);
    height: 50px;
    width: 50px;
    background-image: url("../img/R.jpg");
    border-bottom: 10px solid;
    color: rgb(194, 152, 94);
    height: 70px;

}
.borderstuff {
    border-top: 2px solid ;
    border-right: 2px dashed;
	border-top: 60px solid transparent;
}
body {
    overflow: hidden;
    background-image: url("../img/desert.jpg");
    background-repeat: no-repeat;
}


.div {
    z-index: 2;
    position: absolute;
    top: 30%;
    right: 25%;
    
}
h1 {
    text-shadow: 2px 20px 5px rgb(255, 238, 140);
        font-family: "Righteous", sans-serif;
        font-weight: 400;
        font-style: normal;

      
}
.move {
    position: absolute;
    left: 1000px;
    z-index: 10;
    bottom: -100px;
    left: 24%;
}
img {
    position: relative;
    
    height: 500px;
    z-index: 1;
    padding: 0px;
    margin: 0%;
  
        -webkit-animation: slide-tl 15s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
                animation: slide-tl 15s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

}
@-webkit-keyframes slide-tl {
  0% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0) ;
  }
  100% {
    -webkit-transform: translateY(-1000px) translateX(-1000px);
            transform: translateY(-1000px) translateX(-1000px) ;
  }
}
@keyframes slide-tl {
  0% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0) rotate(25deg);
  }
  100% {
    -webkit-transform: translateY(-1000px) translateX(-1000px);
            transform: translateY(-1000px) translateX(-1000px) rotate(25deg);
  }
}

.move2 {
    
    position: absolute;
    left: 1000px;
    z-index: 10;
    bottom: -600px;
    left: 48%;
   
}
.img2 {
    position: relative;
    
    height: 500px;
    z-index: 1;
    padding: 0px;
    margin: 0%;
    -webkit-animation: slide-tl2 15s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
    animation: slide-tl2 15s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
}
@-webkit-keyframes slide-tl2 {
    0% {
      -webkit-transform: translateY(0) translateX(0);
              transform: translateY(0) translateX(0) ;
    }
    100% {
      -webkit-transform: translateY(-1000px) translateX(-1000px);
              transform: translateY(-1000px) translateX(-1000px) ;
    }
  }
  @keyframes slide-tl {
    0% {
      -webkit-transform: translateY(0) translateX(0);
              transform: translateY(0) translateX(0) rotate(25deg);
    }
    100% {
      -webkit-transform: translateY(-1000px) translateX(-1000px);
              transform: translateY(-1000px) translateX(-1000px) rotate(25deg);
    }
  }