/* Fonts *******************************************************************/

@font-face {
  font-family: Crimson;
  src: url("../fonts/crimson.otf");
}


/* Variables ***************************************************************/

:root {
  --font-family-text: Crimson;
}


/* Tags ********************************************************************/



/* Classes *****************************************************************/



/* Containers **************************************************************/

html {
  font-family: var(--font-family-text);
}

body {
  margin: 0 auto;
  width: 40%;
}

/***** Header ***************************/

header nav ul {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0;
  padding: 0;
}

header nav ul li:not(:last-child)::after {
  content: "·";
  margin: 0 0.5em;
}

/***** Main *****************************/

main {
  font-size: 1.5em;
}

/***** Footer ***************************/