@media (orientation: landscape) {
    .warning {
      visibility: hidden;
    }
  }

  @media (orientation: portrait) {
    .warning {
      visibility: visible;
    }
  }

.warning{
    font-size: x-large;
    display: grid;
    background-color: #FF9F00;
    border-width: 4px;
    border-style: solid;
    border-color: black;
    border-radius: 20px;
    place-items: center;
}

body{
  background-color:white;
}