* {
  margin: 0;
  box-sizing: border-box;
}

/* colors*/
:root {
  --blue: #ddefff;
  --white: #ffffff;
  --lightgrey: #d9d9d9;
  --darkgrey: #595959;
  --orange: #ffaf1a;
  --cream: #ffd590;
  --yellow: #ffffcc;
  --black: #000000;
}

/* border thickness for development purposes, normal = 0*/  
:root {
  --border-th: 0px;
}

:root {
  font-family: Garamond, Helvetica, sans-serif;
  /*font-family: 'Brush Script MT', cursive, Helvetica, sans-serif;*/
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 20px;
  color: var(--darkgrey);
}

h1 {
  font-family: 'Brush Script MT', cursive, Helvetica, sans-serif;
  font-size: 30px;
  color: var(--darkgrey);
  text-align: center;
}