body {
  background-color: #212126;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Raleway',
    sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ReactModal__Overlay {
  opacity: 0;
  transition: all 400ms ease-in-out;
  backdrop-filter: blur(1px);
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 100;
  overflow-y: auto;
  width: 100vw;
  height: 100vh;
}

.ReactModal__Overlay .ReactModal__Content{
  transition: all 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  transform: translateY(150px);
}

.ReactModal__Overlay--after-open {
  opacity: 1;
}
.ReactModal__Overlay--after-open .ReactModal__Content{
  transform: translateY(0px);
}
.ReactModal__Overlay--before-close .ReactModal__Content{
  opacity: 0;
  transition: all 300ms ease-in-out;
  transform: translateY(250px);
}

.ReactModal__Overlay--before-close {
  transition: all 300ms ease-in-out;
  opacity: 0;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

@font-face {
  font-family: "Raleway";
  src: local("Raleway"),
   url(9ade142e81dd8d55cd32.ttf) format("truetype");
  font-weight: normal;
  }
  @font-face {
    font-family: "Raleway-Bold";
    src: local("Raleway"),
     url(d1a96e2aa6257c864d4d.ttf) format("truetype");
    font-weight: bold;
  }
  @font-face {
    font-family: "Minecraft";
    src: local("Minecraft"),
     url(e01d4c33797bad833313.ttf) format("truetype");
    font-weight: normal;
  }

  .rdg-dark {
    height: 100%;
    --rdg-color-scheme: dark;
    --rdg-color: #ddd;
    --rdg-border-color: rgba(40, 40, 40, 0.745);
    --rdg-summary-border-color: #555;
    --rdg-background-color: hsl(0deg 0% 13% / 28%);
    --rdg-header-background-color: hsl(240deg 8.47% 11.57%);
    --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);
    --rdg-row-hover-background-color: hsl(258.08deg 39.46% 36.27% / 58%);
    --rdg-row-selected-background-color: hsl(258.08deg 39.46% 36.27%);
    --rdg-row-selected-hover-background-color: hsl(258.08deg 39.46% 36.27%);
    --rdg-checkbox-focus-color: hsl(258.08deg 39.46% 36.27%);
    --rdg-selection-color: #4e3881;
    --rdg-cell-frozen-box-shadow: transparent;
    [role=columnheader] {
      overflow-y: visible;
    }
}