@charset "UTF-8";
/* CSS Document */


.border{
  position: relative;
}

.border:before{
  content: '';
  position: absolute;
    top:0.7em;
      left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  width: 1px;
  background-color: #c2af96;
    opacity: 0.5;
  animation: border_anim 1s linear forwards;
}

@keyframes border_anim {
  0%{
    height: 0%;
  }
  100%{
    height: 100%;
  }
}

.border-w{
  position: relative;
}

.border-w:before{
  content: '';
  position: absolute;
       top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  height: 1px;
  background-color: #c2af96;
    opacity: 0.5;
  animation: border_anim2 1s linear forwards;
}

@keyframes border_anim2 {
  0%{
    width: 0%;
  }
  100%{
    width: 100%;
  }
}


.click{
    font-size: 1.2em;
  animation: clickanim 1s infinite ;
    width: 1.8em;
    display: block;
    padding-left: 5%;
    padding-top: -3%;
}


@keyframes clickanim {
  0% {
  transform: translateX(0px);

  }
    
      50% {
  transform: translateX(5px);
  }

  100% {
  transform: translateX(0px);
  }
}