@import url(https://fonts.bunny.net/css?family=aladin:400|eb-garamond:500);

:root {
  --color-violet: #111428;
  --color-smoke: #adbfd1;
  --color-bright-smoke: #dee5ed;
  --handwriting-font: 'Aladin', handwriting;
  --serif-font: 'EB Garamond', serif;
}

h1 {
  color: var(--color-smoke);
  font-family: var(--handwriting-font);
  font-size: 36pt;
}

main {
  color: var(--color-smoke);
  font-family: var(--serif-font);
  font-size: 14pt;
  width: 70%;
  margin: auto;
  padding: 10px;
  //border: 10px solid #00ff00;
}

header {
  margin: auto;
  text-align: center;
}

nav {
  margin: auto;
  padding: 10px;
  width: 70%;
  color: var(--color-smoke);
}

.nav-link {
  font-size: 16pt;
}


.center-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}


.dice {
  font-weight: bold;
}

a:link {
  color: var(--color-smoke);
  font-family: var(--serif-font);
  font-size: 14pt;
}
a:visited {
  color: var(--color-smoke);
  font-family: var(--serif-font);
  font-size: 14pt;
}
a:hover {
  color: var(--color-bright-smoke);
  font-family: var(--serif-font);
  font-size: 14pt;
}
a:active {
  color: var(--color-smoke);
  font-family: var(--serif-font);
  font-size: 14pt;
}

footer {
  margin: auto;
  padding: 10px;
}

body {
  background-color: var(--color-violet);
}