/*
  _   _       _   _     _               _                          _ _   _
 | \ | |     | | | |   (_)             | |                        (_) | | |
 |  \| | ___ | |_| |__  _ _ __   __ _  | |__   ___ _ __ ___    ___ _| |_| |__   ___ _ __
 | . ` |/ _ \| __| '_ \| | '_ \ / _` | | '_ \ / _ \ '__/ _ \  / _ \ | __| '_ \ / _ \ '__|
 | |\  | (_) | |_| | | | | | | | (_| | | | | |  __/ | |  __/ |  __/ | |_| | | |  __/ |_ _ _
 |_| \_|\___/ \__|_| |_|_|_| |_|\__, | |_| |_|\___|_|  \___|  \___|_|\__|_| |_|\___|_(_|_|_)
                                 __/ |
                                |___/
*/

* {
  box-sizing: border-box;
}

body {
  background-color: #000000;
  margin: 0;
  padding: 0;
}

#background {
  background-repeat: no-repeat;
  background-size: cover;
}

.background_1 {
  background-image: url('../images/background_1.jpg');
  background-position: right center;
}

.background_2 {
  background-image: url('../images/background_2.jpg');
  background-position: right center;
}

.background_3 {
  background-image: url('../images/background_3.jpg');
  background-position: left top;
}

.background_4 {
  background-image: url('../images/background_4.jpg');
  background-position: center bottom;
}

.background_5 {
  background-image: url('../images/background_5.jpg');
  background-position: center top;
}

.background_6 {
  background-image: url('../images/background_6.jpg');
  background-position: center center;
}

.background_7 {
  background-image: url('../images/background_7.jpg');
  background-position: right top;
}

.background_8 {
  background-image: url('../images/background_8.jpg');
  background-position: right bottom;
}

.background_9 {
  background-image: url('../images/background_9.jpg');
  background-position: center bottom;
}

.background_10 {
  background-image: url('../images/background_10.jpg');
  background-position: center center;
}

.background_11 {
  background-image: url('../images/background_11.jpg');
  background-position: right bottom;
}

.background_12 {
  background-image: url('../images/background_12.jpg');
  background-position: center top;
}

.background_13 {
  background-image: url('../images/background_13.jpg');
  background-position: right top;
}

.container {
  display: flex;
  flex-direction: column;
  position: fixed;
  inset: 0;
}

@media (orientation: portrait) {
  .background_1 {
    background-image: url('../images/background_1_portrait.jpg');
    background-position: center top;
  }

  .background_2 {
    background-image: url('../images/background_2_portrait.jpg');
    background-position: center top;
  }

  .background_3 {
    background-image: url('../images/background_3_portrait.jpg');
    background-position: center top;
  }

  .background_4 {
    background-image: url('../images/background_4_portrait.jpg');
    background-position: center bottom;
  }

  .background_5 {
    background-image: url('../images/background_5_portrait.jpg');
    background-position: center top;
  }

  .background_6 {
    background-image: url('../images/background_6_portrait.jpg');
    background-position: center bottom;
  }

  .background_7 {
    background-image: url('../images/background_7_portrait.jpg');
    background-position: left top;
  }

  .background_8 {
    background-image: url('../images/background_8_portrait.jpg');
    background-position: right bottom;
  }

  .background_9 {
    background-image: url('../images/background_9_portrait.jpg');
    background-position: center bottom;
  }

  .background_10 {
    background-image: url('../images/background_10_portrait.jpg');
    background-position: center center;
  }

  .background_11 {
    background-image: url('../images/background_11_portrait.jpg');
    background-position: right bottom;
  }

  .background_12 {
    background-image: url('../images/background_12_portrait.jpg');
    background-position: center top;
  }

  .background_13 {
    background-image: url('../images/background_13_portrait.jpg');
    background-position: center top;
  }
}