@import "new_reset.css";
@import "fonts.css";

body {
  margin: 2em;
  color: rgb(30, 39, 57);
  font-family: 'Martel', 'Garamond', 'Georgia', 'Times New Roman', serif;
  font-size: 16px;
  font-weight: 400;
}

@media screen {
  body {
    font-weight: 300;
  }
}

p {
  margin-bottom: 1em;
}

img, a, svg {
  border: none;
}

@media screen {
  a {
    color: rgb(19, 87, 147);
    font-weight: 600;
    text-decoration: underline dotted 1px;
    cursor: pointer;
  }

  a:hover {
    text-decoration: underline solid 2px;
    cursor: pointer;
  }
}

strong {
  font-weight: 600;
}

em {
  font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: .4em;
  font-family: 'Comfortaa', 'Trebuchet MS', 'Helvetica', 'sans-serif';
}

h1 { font-size: 2.8em; }

h2 { font-size: 2.4em; }

h3 { font-size: 2.0em; }

h4 { font-size: 1.6em; }

h5 { font-size: 1.3em; }

h6 { font-size: 1.0em; }

@media screen {
  hr {
    background: rgba(30, 39, 57, .1);
    border-width: 1px;
    border-style: dashed none none none;
    border-color: rgba(30, 39, 57, .5);
  }
}

ul, ol {
  padding-left: 1em;
}

ul {
  list-style-type: circle;
}

ol {
  list-style-type: decimal;
}

table, th, td {
  text-align: left;
  vertical-align: top;
}

.hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

@media screen and (max-width: 767px) {
  body {
    margin: .9em;
  }
}

@media screen and (max-width: 359px) {
  body {
    width: unset;
    margin: .5em;
  }
}