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

/* Components */
@import url(/src/css/components/navbar.css);
@import url(/src/css/components/footer.css);

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

body {
  padding: 0;
  margin: 0;
  min-height: 100dvh;
  
  background: #4f50a9;
}

.hidden {
  display: none !important;
}

.logo {
  font-family: 'Pattaya', sans-serif;
}

.overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  color: whitesmoke;
  backdrop-filter: blur(0.5rem);

  display: flex;
  flex-direction: column;
  gap: .5rem;

  justify-content: center;
  align-items: center;
  text-align: center;
}