@font-face
{
  font-family: 'Megrim';
  src: url(/fonts/Megrim-Regular.ttf)
}

@font-face
{
  font-family: 'Electrolize';
  src: url(/fonts/Electrolize-Regular.ttf)
}

@font-face
{
  font-family: 'Space';
  src: url(/fonts/SpaceGrotesk-Variable.ttf)
}


/* -==========================================- */


/*

these colors will override the colors that was initialized in the :root

*/

:root
{

  /* bg */
  --bodybg:         #282624;

  /* main text */
  --primary:        #ffb966;
  --primarytext:    #ffb966;
  --primarylight:   #ffd6a3;

  /* buttons, text deco */
  --secondary:      #302f2c;
  --secondarytext:  #707070;
  --secondarylight: #c7c7c7;
  --secondarydark:  #1f1f1f;

  /* a links, navigation, misc */
  --compliment:     #a60d00;
  --complimenttext: #ff6254;
  --complimentlight:#ff9a91;
  --complimentdark: #4d0f09;

  /* the box. */
  --box:            #19195a;
  --boxoutline:     #151531;

}

body
{
  background-image: url(/seadrive/folders/wonderland/background1.png);
}