@font-face {
  font-family: 'Handlee';
  src: url('./fonts/Handlee/Handlee-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'TitilliumWeb';
  src: url('./fonts/TitilliumWeb/TitilliumWeb-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}

h1 {
  font-family: 'Handlee';
  font-size: 150%;
  text-align: center;
}

h2 {
  margin-top: 10ex;
}

h3 {
  margin-top: 2ex;
}

.top-title {
  font-size: 200%;
}

.small-title {
  font-size: 80%;
}

.lower-title {
  font-size: 150%;
}

.title-container {
}

html {
  min-height: 100%;
  margin: 0;
  padding: 0;
}

body {
  height: 100%;
  width: 100%;
  font-family: 'TitilliumWeb';
  margin: 0;
  padding: 0;
}

p,div,li {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

nav {
  text-align:right;
}

@media only screen and (max-width: 50em) {
}