.flex-center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-between{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.space-around{
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.flex-start{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-end{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-between-column{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.three-text-hidden{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.many-text-hidden{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ten-text-hidden{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}
.single-text-hidden{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.toggle-show{
  animation: 1s toggleShow ease;
  -webkit-animation: 1s toggleShow ease;
  -moz-animation: 1s toggleShow ease;
}
@keyframes toggleShow{
  0%{opacity:0}
  50%{opacity:.75;}
  100%{opacity:1;}
}
@-webkit-keyframes toggleShow{
  0%{opacity:0}
  50%{opacity:.75;}
  100%{opacity:1;}
}
@-moz-keyframes toggleShow{
  0%{opacity:0}
  50%{opacity:.75;}
  100%{opacity:1;}
}