@font-face {
  font-family: ProtoRegular; 
  src: url(0xProtoNerdFont-Regular.ttf); 
}

@font-face {
  font-family: ProtoBold; 
  src: url(0xProtoNerdFont-Bold.ttf); 
}





  :root {
    --text: #141f06;
    --background: #fafdf5;
    --background-dark: #d4ddc5;
    --background-alpha: #fafdf5ba;
    --primary: #8ed42f;
    --primary-soft: #d3f7a1;
    --primary-dark: #6fb12d;
    --secondary: #8de897;
    --accent: #5fde81;

  }
  



body {
  font-family: 'ProtoRegular';
  font-weight: 400;
  background-color: var(--background);
  color:var(--text)
}

body {
  opacity: 1;
  background-image: radial-gradient(var(--secondary  ) 1px, transparent 1px), 
                    radial-gradient(var(--accent) 1px, var(--background) 1px);
  background-size:  23px 23px;
  background-position: 0 0,28px 28px;
}

h1, h2, h3, h4, h5 {
  font-family: 'ProtoBold';
  font-weight: 500;
  
}

html {font-size: 100%;} /* 16px */

h1 {font-size: 4.210rem; /* 67.36px */}

h2 {font-size: 3.158rem; /* 50.56px */}

h3 {font-size: 2.369rem; /* 37.92px */}

h4 {font-size: 1.777rem; /* 28.48px */}

h5 {font-size: 1.333rem; /* 21.28px */}

small {font-size: 0.750rem; /* 12px */}