@font-face {
  font-family: 'roobert';
  src: url('https://brand.twitch.tv/assets/fonts/roobert-regular.woff') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'roobert';
  src: url('https://brand.twitch.tv/assets/fonts/roobert-semibold.woff') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'roobert';
  src: url('https://brand.twitch.tv/assets/fonts/roobert-bold.woff') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

#wrapper {
  padding: 0;
}

#main:target ,
#main:target  #app_body {
  padding: 0 !important;
}

#main:target #header,
#main:target #content {
  display: none;
}

#main:target #application {
  background-color: transparent;
  padding: 0 !important;
}

#main:target #application,
#main:target #app_body {
  max-width: none;
}

#main:target #main_fields .heading {
  font-size: 3.25rem;
}

#main:target,
#main:target #main_fields div.field label,
#main:target #custom_fields div.field label,
#main:target #demographic_questions div.field label,
#main:target #eeoc_title,
#main:target #eeoc_fields div.field label {
  font-family: 'roobert';
  font-size: 18px;
}

#main:target .field > label ~ label {
  display: none;
}

#main:target .field.demographic_question > label ~ label {
  display: initial;
}

#main:target #eeoc_fields div.field label {
  width: auto;
}

#main:target #submit_buttons #submit_app {
  background-color: #9146ff;
}