@font-face {
  font-family:"PPNeueWorld";
  font-weight:400;
  font-style:normal;
  font-display:swap;
  src:url('/fonts/PPNeueWorld/PPNeueWorld-Regular.woff2') format('woff2');
}
@font-face {
  font-family:"BLMelodyMono";
  font-weight:400;
  font-style:normal;
  font-display:swap;
  src:url('/fonts/BLMelody/BLMelodyMono-Book.woff2') format('woff2');
}
@font-face {
  font-family:"BLMelodyMono";
  font-weight:bold;
  font-style:normal;
  font-display:swap;
  src:url('/fonts/BLMelody/BLMelodyMono-Medium.woff2') format('woff2');
}
@font-face {
  font-family:"BLMelody";
  font-weight:400;
  font-style:normal;
  font-display:swap;
  src:url('/fonts/BLMelody/BLMelody-Book.woff2') format('woff2');
}
@font-face {
  font-family:"BLMelody";
  font-weight:bold;
  font-style:normal;
  font-display:swap;
  src:url('/fonts/BLMelody/BLMelody-Medium.woff2') format('woff2');
}
@font-face {
  font-family:"Inter";
  font-weight:400;
  font-style:normal;
  font-display:swap;
  src:url('/fonts/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');
}
@font-face {
  font-family:"IBM Plex Sans";
  font-weight:400;
  font-style:normal;
  font-display:swap;
  src:url('/fonts/Plex/IBMPlexSans-Regular.woff2') format('woff2');
}
@font-face {
  font-family:"Jet Brains";
  font-weight:400;
  font-style:normal;
  font-display:swap;
  src:url('/fonts/JetBrainsMono/JetBrainsMonoNerdFontMono-Regular.ttf') format('truetype');
}

:root {
  --fontFamily: "BLMelody", Helvetica, Arial, sans-serif;
  --colorNeutral000: #161616;

    /* --colorNeutral000: #000000; */
  --colorNeutral100: #232323;
  --colorNeutral200: #3F3F3F;
  --colorNeutral300: #545454;
  --colorNeutral400: #787878;
  --colorNeutral500: #9B999A;
  --colorNeutral600: #EEEEEE;
  --colorNeutral700: #FDFDF8;
  --colorNeutral800: #FFFFFF;
  /* --widthMaxJobBoard: 1280px;
  --widthMaxJobContent: 1280px; */

  /* settable via UI */
  /* --colorPrimary600: #FB56D1 !important;
  --colorPrimary900: #F20DB9 !important; */

  --fontFancy: "IBM Plex Sans", monaco, Consolas, "Lucida Console", monospace;
  --fontMono: "Inter", monaco, Consolas, "Lucida Console", monospace;

  --yellow-100: #FFED9E;
  --yellow-200: #FFE470;
  --yellow-300: #FFD41E;
  --pink-100: #F683DA;
  --pink-200: #FB56D1;
  --pink-300: #F20DB9;
  --green-100: #B4EF85;
  --green-200: #96E15A;
  --green-300: #6CCE1E;
  --blue-100: #93CBFF;
  --blue-200: #60B0F9;
  --blue-300: #0085FF;
  --orange-100: #FFBD81;
  --orange-200: #FDA04B;
  --orange-300: #F07300;

  --colorAppBackground: #161616;
}

html {
  background-color: #161616;
}

body {
  padding: 0;
  background-size: 30px 30px;
  background-color: #161616;
  /* background-image: linear-gradient(to right, rgba(255, 255, 255, .08) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, .08) 1px, transparent 1px); */
}

textarea {
  color: #FFF;
}

button {
  font-family: var(--fontMono);
}

/* JOBS HOME PAGE ------------------------ */

/* ex: "Open Positions" */
.ashby-job-board-heading {
  font-size: 40px;
  text-align: center;
  font-family: var(--fontFancy);
}

/* ex: "Engineering" */
.ashby-department-heading-level {
  font-family: var(--fontMono);
  font-size: 24px;
}


/* POSITION PAGE ------------------------ */

.ashby-job-posting-heading {
  font-family: var(--fontFancy);
  font-size: 36px;
  text-align: center;
}


.ashby-job-posting-left-pane,
.ashby-job-posting-right-pane>div {
  background: none;
}

.ashby-job-posting-left-pane h2 {
  font-family: var(--fontMono);
  font-weight: bold;
  background-color: var(--blue-300);
  padding: 4px 8px;
  clip-path: polygon(0% 0%, 99% 0, 100% 100%, 1% 100%);
  margin-left: -8px;
}

.ashby-job-posting-right-pane nav {
  font-family: var(--fontMono);
}


/* form title */
.ashby-application-form-section-header-title {
  font-family: var(--fontFancy);
  font-size: 24px;
}

.ashby-application-form-question-title {
  font-family: var(--fontMono);
}

/**
Additional things you can tweak:

:root {
  --borderRadiusContainer: 0;
  --borderRadiusControl: 0;
  --borderRadiusButton: 0;
  --borderWidthBold: 1px;
}

.ashby-job-board-heading {
  font-size: 60px;
  --colorNeutral100: #F0F0F0;
}


.ashby-job-board-heading-count {
  display: none;
}

.ashby-job-board-filter {
  border-radius: 0;
  border-width: var(--borderWidthNormal);
  border-color: var(--colorNeutral800);
}

.ashby-department-heading {
  font-size: 40px;
  color: var(--colorNeutral800);
  text-align: center;
  font-weight: 400;
}

.ashby-job-posting-brief-title {
  font-weight: 400;
  font-size: 24px;
}

.ashby-job-posting-brief-details {
  font-size: 16px;
}

.ashby-job-posting-heading {
  font-size: 48px;
  font-weight: 400;
  color: var(--colorNeutral800);
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .ashby-job-posting-brief-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content;
    column-gap: var(--spacingLarge);
  }
}

@media only screen and (max-width: 767px) {
  .ashby-job-board-heading {
    font-size: 28px;
  }

  .ashby-department-heading {
    font-size: 20px;
  }

  .ashby-job-posting-brief-title {
    font-size: 16px;
  }
  
  .ashby-job-posting-brief-details {
    font-size: 12px;
  }

  .ashby-job-posting-heading {
    font-size: 22px;
  }
}
*/