/* ///////////////////////////////////////////////////////////////////// */
/* Imports */

@import url(../../src/utilities/colors.css);

/* ///////////////////////////////////////////////////////////////////// */
/* Page Settings */

* {
  box-sizing: inherit;
  padding: 0;
  margin: 0;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

html::-webkit-scrollbar {
  display: none;
}

body {
  font-family: bai jamjuree, sans-serif;
  font-size: 1.6rem;
  line-height: 1.4;
  text-align: left;
  color: var(--white);
  background-color: var(--blue-black);
  position: relative;
}

body.noScroll {
  height: 100vh;
  overflow: hidden;
}

/* ///////////////////////////////////////////////////////////////////// */
/* Reusable Classes */

.makeBold {
  font-weight: 600;
}

.marbo24 {
  margin-bottom: 2.4rem;
}

.marbo48 {
  margin-bottom: 4.8rem;
}

.marbo104 {
  margin-bottom: 10.4rem;
}

.removeMarbo {
  margin-bottom: 0;
}

.martop152 {
  margin-top: 15.2rem;
}

.padtop48 {
  padding-top: 4.8rem;
}

.textOrange {
  color: var(--orange);
}