body{
margin:0;
display:flex;
justify-content:center;
align-items:center;
height:100vh;
background:#0f766e;
overflow:hidden;
}

.splash{
display:flex;
justify-content:center;
align-items:center;
width:100%;
height:100vh;
transition:opacity 1s ease;
}

.splash img{
width:220px;
}

/* fade animation */

.splash.fade-out{
opacity:0;
}

.footer{
position:absolute;
bottom:20px;
width:100%;
text-align:center;
font-size:12px;
color:white;
opacity:0.85;
}

@media (max-width: 600px){
  body{
    height:100svh;
    padding:24px;
  }
  .splash{
    flex-direction:column;
    gap:16px;
  }
  .splash img{
    width:160px;
  }
  .footer{
    position:static;
    padding-top:10px;
    line-height:1.4;
  }
}