/* @media(orientation: portrait) {
  body {
    background:
      no-repeat fixed linear-gradient(109.84deg,
        hsla(0, 0%, 5%, 0.9) 5%,
        hsla(206, 100%, 17%, 0.81) 40%,
        hsla(191, 30%, 47%, 0.63) 85.05%,
        hsla(191, 46%, 58%, 0.9) 99%),
      url(pexels-roman-odintsov-4871011.jpg);
      background-size: cover;
  }
}

@media(orientation: landscape) {
  body {
    background:
      no-repeat fixed linear-gradient(109.84deg,
        rgba(0, 0, 0, 0.9) 21.05%,
        rgba(0, 50, 88, 0.81) 43.05%,
        rgba(83, 142, 155, 0.63) 85.05%,
        rgba(97, 179, 197, 0.9) 91.08%),
      url(pexels-roman-odintsov-4871011.jpg);
      background-size: cover;
  }
} */

html,
body {
  font-family: 'Lato';
  height: 100%;
}