:root {
    --mdSalmon: #D0545F;
    --mdSalmonVibrant: #dc3e53;
    --mdOrange: #ec675c;
    --mdOrangeVibrant: #ef5b52;
    --mdPinkBurn: #fc6b5c;

    --mdNeonGreen: #d70100;
    --mdSoftBlue: #0d4658;
    --mdPaleBlue: #9bdde3;
    --mdDarkBlue: #222531;
    --mdDarkCyan: #1e3e43;
    --mdMiddleCyan: #32676d;
    --mdWhite: #fff;

}

body {
    margin: 0;
    font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
    line-height: 1.6;
    background-color: var(--mdWhite);
    color: var(--mdSoftBlue);
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

header {
  align-items: center;           /* vertically center */
  background-color: var(--mdWhite);
  padding: 1.5rem 1.5rem;
  text-align: center;
}

header h1 {
  margin: 0;
  font-size: 1.0rem;
  font-weight: 100; /* thin */
  color: var(--mdSalmonVibrant);
  letter-spacing: 0.5px;
}

.header-logo {
  height: 60px; /* adjust size */
  width: auto;
}



main {
    padding: 2rem;
    max-width: 800px;
    margin: auto;
}

h2 {
    font-family: 'Georgia', 'Helvetica', sans-serif;
    font-style: italic;
    font-weight: bold;
    font-size: 35px;
    color: var(--mdSoftBlue);
        border-top: 3px solid var(--mdSoftBlue);
    margin: 40px 0 0 0;

}

a {
    color: var(--mdPaleBlue);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.site-footer {
  text-align: center;
  padding: 10px;
  background-color: #222531;
  font-size: 0.6rem;
  color: #ccc;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}


.site-footer a:hover {
  text-decoration: underline;
}

  a {
  color: var(--mdNeonGreen); /* use the text color of the parent */
  text-decoration: none; /* optional: remove underline */
}

p{
    padding: 0;
    margin: 0;
}