@font-face {
  font-family: 'Noto-Sans-Regular';
  src: url('/assets/fonts/noto-sans-v9-latin-regular.woff') format('woff'),
    /* Modern Browsers */ url('assets/fonts/NotoSans-Regular.ttf')
      format('truetype'); /* Safari, Android, iOS */
  font-display: swap;
}

@font-face {
  font-family: 'Font-Bold';
  src: url('/assets/fonts/noto-sans-v9-latin-700.woff') format('woff'),
    /* Modern Browsers */ url('assets/fonts/NotoSans-Bold.ttf')
      format('truetype'); /* Safari, Android, iOS */
  font-display: swap;
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
  background-color: black;
  font-family: 'Noto-Sans-Regular';
}

.font-bold {
  font-family: 'Font-Bold';
}

.welcome-logo {
  margin-bottom: 10px;
}

.static-content-container {
  background-color: white;
  color: black;
  padding: 32px;
  overflow-y: auto;
  border: 1px solid;
  border-color: rgb(222, 226, 230);
  height: 100%;
  width: 45%;
}

span.icon.icon-close {
  cursor: pointer;
  color: rgb(125, 127, 130);
}

.header {
  color: rgb(128, 128, 128);
}

.page-link {
  cursor: pointer;
}

.internal-link {
  cursor: pointer;
  font-family: 'Font-Bold';
}