.animation-fade-in {
  animation: fadein 0.2s ease-in;
  position: relative;
}

@keyframes fadein {
  0% { left: 250px; opacity: 0;}
  90% { left: 10px; opacity: 0.8;}
  100% { left: 0px; opacity: 1;}
}


.traveler-contents-view {
  position: relative;
  height: 88vh;
  width: 100%;
  overflow: hidden;
  display: flex;
}

.traveler-contents-view-side-bar {
  flex: 3;
  height: 100%;
  background: rgb(36,36,36);
  color:white;
  /*border-right: 1px solid rgba(0,0,0,0.1);*/
  border-right: 1px solid white;
  max-width:366px;
 }

.traveler-explorer-tab-menu-container {
  flex: 0.2;
  height: 100%;
}

.traveler-contents-view-contents {
  flex: 7;
  height: 100%;
}