html {
  margin: 0;
  padding: 0;
}
body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #0f0f0f;
    background: 
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(240, 186, 62, 0.2), transparent 70%),
        radial-gradient(ellipse 60% 40% at 30% 100%, rgba(240, 186, 62, 0.1), transparent 60%),
        #0f0f0f
}


@font-face {
  font-family: 'Jefferies Bold';
  src: url('../fonts/jefferies bold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Jefferies';
  src: url('../fonts/jefferies.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}


/** Background with NOISE
.bg1 {
    background: 
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(240, 186, 62, 0.15), transparent 70%),
        #0f0f0f;
    position: relative;
}

.bg1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04' numOctaves='5' result='noise'/%3E%3CfeColorMatrix in='noise' type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='0.03'/%3E%3C/svg%3E");
}
*/

/*

body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #0f0f0f;
    background: radial-gradient(
      ellipse 80% 60% at 50% 0%,
      rgba(251, 191, 36, 0.25),
      transparent 70%
    ),
    #000000;
}

*/