body {
  overflow-x: hidden;
}

.welcome {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #ffffff;
 display: flex;
 justify-content: center;
 align-items: center;
 z-index: 9999;
 animation: fit forwards , 0.50s mainc linear forwards 1.70s; 
 pointer-events: none;
}

.imgidle {
 display: flex;
 align-items: center;
}

.fadeintext {
  font-size: 3rem;
  text-transform:uppercase;
  letter-spacing: 2px;
  text-align: center;
  opacity: 0;
  animation: fit 0.25s linear forwards , fo 0.25s linear forwards 1.50s;
  color: #000;
}

@keyframes fit {
 0% {opacity: 0;}
 100% {opacity: 1;}
}

@keyframes fo {
 0% {opacity: 1; visibility: visible;}
 100% {opacity: 0; visibility: hidden;}
}

@keyframes mainc {
 0% {opacity: 1;}
 100% {opacity: 0;}
}