@font-face {
  font-family: Roboto-Medium;
  src: url(./fonts/Roboto-Medium.ttf) format("truetype");
}

@font-face {
  font-family: Nunito-Black;
  src: url(./fonts/Nunito-Black.ttf) format("truetype");
}

@font-face {
  font-family: Nunito-BlackItalic;
  src: url(./fonts/Nunito-BlackItalic.ttf) format("truetype");
}
@font-face {
  font-family: Nunito-Bold;
  src: url(./fonts/Nunito-Bold.ttf) format("truetype");
}
@font-face {
  font-family: Nunito-BoldItalic;
  src: url(./fonts/Nunito-BoldItalic.ttf) format("truetype");
}
@font-face {
  font-family: Nunito-Italic;
  src: url(./fonts/Nunito-Italic.ttf) format("truetype");
}

@font-face {
  font-family: Nunito-ExtraBold;
  src: url(./fonts/Nunito-ExtraBold.ttf) format("truetype");
}
@font-face {
  font-family: Nunito-ExtraBoldItalic;
  src: url(./fonts/Nunito-ExtraBoldItalic.ttf) format("truetype");
}

@font-face {
  font-family: Nunito-Light;
  src: url(./fonts/Nunito-Light.ttf) format("truetype");
}
@font-face {
  font-family: Nunito-LightItalic;
  src: url(./fonts/Nunito-LightItalic.ttf) format("truetype");
}
@font-face {
  font-family: Nunito;
  src: url(./fonts/Nunito-Regular.ttf) format("truetype");
}

@font-face {
  font-family: Nunito-Regular;
  src: url(./fonts/Nunito-Regular.ttf) format("truetype");
}
@font-face {
  font-family: Nunito-SemiBold;
  src: url(./fonts/Nunito-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: Nunito-SemiBoldItalic;
  src: url(./fonts/Nunito-SemiBoldItalic.ttf) format("truetype");
}

@font-face {
  font-family: BergenSans;
  src: url(./fonts/BergenSans.ttf) format("truetype");
}

@font-face {
  font-family: BergenSans-Bold;
  src: url(./fonts/BergenSans-Bold.ttf) format("truetype");
}
@font-face {
  font-family: BergenSans-BoldItalic;
  src: url(./fonts/BergenSans-BoldItalic.ttf) format("truetype");
}
@font-face {
  font-family: BergenSans-Italic;
  src: url(./fonts/BergenSans-Italic.ttf) format("truetype");
}
@font-face {
  font-family: BergenSans-Regular;
  src: url(./fonts/BergenSans.ttf) format("truetype");
}
@font-face {
  font-family: BergenSans-SemiBold;
  src: url(./fonts/BergenSans-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: BergenSans-SemiBoldItalic;
  src: url(./fonts/BergenSans-SemiBoldItalic.ttf) format("truetype");
}

body {
  background-color: #0d0d0d;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  min-height: 100vh;
  min-width: 100vw;
}

div#react-root {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
}

textarea,
input[type="text"] {
  outline: none;
}

div {
  scrollbar-color: #555 #272727;
  scrollbar-width: thin;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}

::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background-color: #272727;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #555;
}