/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 480px) {

  .splash {

    display: none;

  }


  .menu-buttons {

    width: 92vw;

  }


  .status-bar {

    font-size: 10px;

    padding:
      7px 9px;

  }

}


/* =========================================================
   REDUCE MOTION
========================================================= */

@media (
  prefers-reduced-motion: reduce
) {

  .splash {

    animation: none;

  }

}