/* @import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900&display=swap'); */

.noto-sans-saddle {
	font-family: "Noto Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 100;
	font-style: thin;
	font-variation-settings:
	  "wdth" 100;
  }

body{
 	margin:60;
 	font-family: sans-serif;
 	font-weight: 400;
}

* {
 	box-sizing: border-box;
}

.animate-text {
  height: 120px;
  overflow: hidden;
}

.animate-text span{
    font-size: 30px;
    color:#30393e;
    font-weight: 700;
    line-height: 30px;
    display: none;
}

.animate-text span.text-in{
	display: block;
	animation: textIn .5s ease;
}
.animate-text span.text-out{
	animation: textOut 1s ease;
}
@keyframes textIn{
	0%{
		transform: translateY(100%);
	}
	100%{
		transform: translateY(0%);
	}
}
@keyframes textOut{
	0%{
		transform: translateY(0%);
	}
	100%{
		transform: translateY(-100%);

	}
}