#force-left{
  position:relative; 
  top:0px; 
  width:100%; 
}

.force-left {
  text-align:left; 
  float:left;
  width:230px;
}

.force-left-footer {
  text-align:left; 
  float:left;
  width:230px;
}

.force-left-auth {
  text-align:left; 
  float:left;
  width:230px;
}

.force-right {
  /* text-align:right; 
  float:right; */
}

@media all and (max-width: 1000px) {
  .force-left {
      position:relative;
      top:0px;
      right:-100px;
      text-align:right;
      width:230px;
  }

  .force-left-footer {
      position:relative;
      top:0px;
      left:0px;
      text-align:left;
      width:230px;
  }

  .force-left-auth {
    text-align:left; 
    float:left;
    width:230px;
  }

}

@media all and (max-width: 650px) {
  .force-left-footer {
      position:relative;
      top:0px;
      left:60px;
      text-align:left;
      width:230px;
  }
}

html {
  overflow-x: hidden;
}


/* ANIMATE */

.animate_element {
  
  /* animation-duration: var(--timer); */
  animation-duration: 1s;
  animation-name: var(--mode);
  animation-direction: normal;
}

@keyframes slidein {
  from {
    margin-top: 5%;
  }
  to {
    margin-top: 0%;
  }
}

@keyframes slideleft {
  from {
    margin-left: -5%;
  }
  to {
    margin-left: 0%;
  }
}

@keyframes slideright {
  from {
    margin-right: -5%;
  }
  to {
    margin-right: 0%;
  }
}