@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Thai:100,200,300,regular,500,600,700);

* {
  font-family: 'IBM Plex Sans Thai', sans-serif;
  transition: all .3s;
}

body {
  width: 100%;
  height: 100dvh;

  padding: 0;
  margin: 0;

  background: url('/src/img/background.jpeg');
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed;

  .main-container {
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

    .text-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: .5rem;

      margin-bottom: 1rem;

      * {
        margin: 0;
      }

      p {
        font-size: 1rem;
      }
    }

    .progress {
      display: flex;
      justify-content: center;

      margin: 1rem 0;
    }
  }
}

.hidden {
  display: none !important;
}