.screen-panel .msg0{
  color: #e6e6e6;
  overflow: hidden;
  white-space: nowrap;
  animation: typing  500ms steps(17, end) forwards;
  width: 0%;

}
.screen-panel .msg1{
  color: #e6e6e6;
  overflow: hidden;
  white-space: nowrap;
  animation: typing 442ms steps(8, end) forwards;
  width: 0%;
}
.screen-panel .msg2{
  color: #e6e6e6;
  overflow: hidden;
  white-space: nowrap;
  animation: typing 442ms steps(14, end) forwards;
  width: 0%;
}
.screen-panel .msg3{
  color: #e6e6e6;
  overflow: hidden;
  white-space: nowrap;
  animation: typing 471ms steps(16, end) forwards;
  /*animation-delay: 7.394s;*/
}

.screen-panel h1
{
  font-family: skyFontThick !important;
  font-weight: 100;
}

/*backtrace annimations*/
@keyframes backtrack {
  0% { width: 100%; }
  100% { width: 0%; }
}

.screen-panel .rmMsg3{
  color: #e6e6e6;
  overflow: hidden;
  white-space: nowrap;
  animation: backtrack 100ms steps(16, end) forwards;
  animation-delay: 2s;
  width: 100%;
}

.screen-panel .rmMsg2{
  color: #e6e6e6;
  overflow: hidden;
  white-space: nowrap;
  animation: backtrack 100ms steps(14, end) forwards;
}

.screen-panel .rmMsg1{
  width: 100%;
  color: #e6e6e6;
  overflow: hidden;
  white-space: nowrap;
  animation: backtrack 100ms steps(8, end) forwards;
  animation-delay: 3s;
}

.screen-panel .rmMsg0{
  color: #e6e6e6;
  overflow: hidden;
  white-space: nowrap;
  animation: backtrack 100ms steps(17, end) forwards;
  width: 100%;
}

.screen-panel .Title{
  color: #d8d9da !important;
  overflow: hidden;
  white-space: nowrap;
  width: 0%;
  animation: typing  2s steps(14, end) forwards;
}

.Titlerm{
  color: #d8d9da !important;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  animation: backtrack 1s steps(14, end) forwards;
}

@keyframes typing {
  0% { width: 0%; }
  100% { width: 100%; }
}

@keyframes type-del
{
  0% { width: 0%; }
  50% { width: 100%; }
  100% { width: 0%; }
}

@keyframes backtrack {
  0% { width: 100%; }
  100% { width: 0%; }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent; }
  50% { border-color: solid #e6e6e6; }
}