@property --main {
    syntax: "<color>";
    inherits: false;
    initial-value: rgb(0, 0, 0);
}

@property --alternate {
    syntax: "<color>";
    inherits: false;
    initial-value: rgb(255, 128, 0);
}

@property --background {
    syntax: "<color>";
    inherits: false;
    initial-value: rgb(250, 250, 245); 
}

@property --text {
    syntax: "<color>";
    inherits: false;
    initial-value: rgb(20, 20, 20); 
}


/* Fonts */

@font-face {
  font-family: 'DisplayFont';
  src: url('../media/fonts/Anton-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}