/* body {
  background-color: maroon;
}

@media (max-width: 768px) {
  body {
    background-color: yellow;
  }
}

@media (min-width: 1024px) {
  body {
    background-color: blue;
  }
} */



@media (orientation:landscape) {
  body {
    background-color: pink;
  }
}

@media (orientation:portrait) {
  body {
    background-color: red;
  }
}