.separator{
  position:fixed;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  display:flex;
  justify-content: center;
  align-items: center;
  z-index:100;

}

.sepBlack{
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  background-color: black;
  display:flex;
  justify-content: center;
  align-items: center;
  z-index:50;

  /*animation-duration: 0.2s;
  animation-name: enterSep; */
}
.sepCenter{
  color:white;
  font-size:1rem;
  font-family: "Raleway";
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

@keyframes enterSep {
  from{
    opacity:0; /*transform:scale(0,0); */
  }
  to{
    opacity:1; /*transform:scale(1,1); */
  }
}

@keyframes outSep {
  from{
    transform:scale(1,1);
  }
  to{
    transform:scale(0,0);
  }
}

.sepTiles{
  width:50px;
  height:50px;
  background-color: white;
  margin-bottom: 1.5rem;
  animation: rotateSep 1s infinite;
}
@keyframes rotateSep {
  from{
    /*transform: rotate(0deg); */
    transform: scale(1);
  }
  50%{
    transform: scale(0.5);
  }
  to{
    /*transform: rotate(360deg); */
    transform: scale(1);
  }
}



/*--------------------------------HOME*/