globals.css

@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@400;700&display=swap');

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

html {
  height  : 100%;
  overflow: hidden;
  position: relative;
}

body {
  overscroll-behavior    : contain;
  margin                 : 0;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.default_background {
  background-image     : url("/background.webp");
  background-attachment: fixed;
  background-position  : center;
  background-repeat    : no-repeat;
  background-size      : cover;
  display              : block;
  overflow-y           : auto;
  overflow-x           : hidden;
  position             : absolute;
  top                  : 0;
  bottom               : 0;
  left                 : 0;
  right                : 0;
  z-index              : -1;

}

.default_background_color {
  background-color: #42403f;
}