@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,300..900;1,62..125,300..900&family=Instrument+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');

/* Sector Three brand */
body, body *:not(i):not(.fa):not([class^="fa-"]):not([class*=" fa-"]) {
  font-family: 'Instrument Sans', system-ui, -apple-system, sans-serif !important;
}

.cap, .cap.short, .title-main, .company-name, h1, h2, h3, h4 {
  font-family: 'Archivo', 'Arial Narrow', Arial, sans-serif !important;
  font-style: italic !important;
  font-weight: 850 !important;
  font-stretch: 112% !important;
  text-transform: uppercase !important;
  letter-spacing: -.01em !important;
}

.title-small {
  font-family: 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.btn, a.btn, button.btn {
  font-family: 'Archivo', 'Arial Narrow', Arial, sans-serif !important;
  font-style: italic !important;
  font-weight: 800 !important;
  font-stretch: 108% !important;
  text-transform: uppercase !important;
  letter-spacing: .02em !important;
  border-radius: 3px !important;
}

.default-bg, .default-bg.other {
  background-image:
    radial-gradient(900px 600px at 18% 22%, rgba(108,34,251,.34), rgba(11,11,15,0) 62%),
    radial-gradient(1000px 700px at 85% 85%, rgba(108,34,251,.22), rgba(11,11,15,0) 60%),
    linear-gradient(180deg, #0B0B0F 0%, #121218 100%) !important;
  background-color: #0B0B0F !important;
}

.day { font-weight: 600 !important; }
