@font-face {
  font-family: CaveatRegular;
  src: url("../fonts/Caveat-Regular.ttf");
}

@font-face {
  font-family: CaveatMedium;
  src: url("../fonts/Caveat-Medium.ttf");
}

@font-face {
  font-family: CaveatSemiBold;
  src: url("../fonts/Caveat-SemiBold.ttf");
}

@font-face {
  font-family: CaveatBold;
  src: url("../fonts/Caveat-Bold.ttf");
}

@font-face {
  font-family: Neue55;
  src: url("../fonts/nhaasgrotesktxpro-55rg.ttf");
}

@font-face {
  font-family: Neue65;
  src: url("../fonts/nhaasgrotesktxpro-65md.ttf");
}

@font-face {
  font-family: Neue75;
  src: url("../fonts/nhaasgrotesktxpro-75bd.ttf");
}

* {
  box-sizing: border-box;
}

html {
  background-image: linear-gradient(#1d1d1d 10%, #1e2033 60%);
}

html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background-repeat: no-repeat;
  color: #ffb9a4;
}

/* Scrollbar */
::-webkit-scrollbar {
  height: 10px;
}

::-webkit-scrollbar-thumb {
  height: 10px;
  background: rgb(53, 50, 50);
  border-radius: 5px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 8px #2e2b2b;
}
/* Final Scrollbar */

.footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  height: 25px;
  background: linear-gradient(#232534, #212330);
}