@font-face {
  font-family: "Ubuntu", sans-serif;
  src: url("../fonts/Ubuntu-Light.ttf") format("ttf");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Ubuntu", sans-serif;
  src: url("../fonts/Ubuntu-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Ubuntu", sans-serif;
  src: url("../fonts/Ubuntu-Medium.ttf") format("ttf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Ubuntu", sans-serif;
  src: url("../fonts/Ubuntu-Bold.ttf") format("ttf");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Ubuntu", sans-serif;
  src: url("../fonts/Ubuntu-Italic.ttf") format("ttf");
  font-weight: 300;
  font-style: italic;
}
@font-face {
src: url("../fonts/Ubuntu-BoldItalic.ttf") format("ttf");
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: italic;
}
@font-face {
    src: url("../fonts/Ubuntu-MediumItalic.ttf") format("ttf");
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: italic;
}
@font-face {
src: url("../fonts/Ubuntu-BoldItalic.ttf") format("ttf");
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: italic;
}
@font-face{
  font-family: "Ubuntu Mono", monospace;
     src: url("../fonts/UbuntuMono-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu Mono", monospace;
       src: url("../fonts/UbuntuMono-Bold.ttf") format("ttf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu Mono", monospace;
  src: url("../fonts/UbuntuMono-Italic.ttf") format("ttf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Ubuntu Mono", monospace;
  src: url("../fonts/UbuntuMono-BoldItalic.ttf") format("ttf");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Ubuntu Condensed", sans-serif;
  src: url("../fonts/UbuntuCondensed-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Nunito Sans", sans-serif;
  src: url("../fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf") format("ttf");
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

@font-face {
  font-family: "JetBrains Mono", monospace;
  src: url("../fonts/JetBrainsMono-VariableFont_wght.ttf") format("ttf");
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary {
  color: #F5A673!important;
}
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary{
  background-color: #F25F31!important;
  color: #fff!important;
}

.hero-grid-bg {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);
    background-size: 54px 54px;
    pointer-events: none;
}
.hero-glow-a {
    position: absolute;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(36, 96, 167, .4) 0%, transparent 65%);
    right: -200px;
    top: -200px;
    pointer-events: none;
}
.hero-glow-b {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(232, 103, 42, .12) 0%, transparent 70%);
    left: 10%;
    bottom: -100px;
    pointer-events: none;
}