@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');

body{
   font-family: Noto Sans; 
   margin:0;
   padding:0;
   background-color: #fcfcfc;
   max-width: 2600px;
   margin:0 auto;
   overflow-x: hidden;
}

.already-visible {
  transform: translateY(0);
  animation: none;
}

.come-in {
  transform: translateY(150px);
  animation: come-in 0.8s ease forwards;
}

@keyframes come-in {
  to { transform: translateY(0); }
}

.come-in-with-fade {
  transform: translateY(150px);
  animation: come-in-with-fade 0.8s ease forwards;
  -webkit-animation: come-in-with-fade 0.8s ease forwards;
  -moz-animation: come-in-with-fade 0.8s ease forwards;
}

@keyframes come-in-with-fade {
  from {opacity:0;}
  to { transform: translateY(0);opacity:1; }
}