// Insert CSS Below

@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
body {
  font-family: Lato, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
footer p,
footer pre,
footer ul li a {
  font-family: Lato, sans-serif;
}

/* Font sizes */
:root {
  --base-font-size: 1.1rem;
}
body {
  font-size: var(--base-font-size);
}

h1 {
  font-size: 2.7rem;
}

h2 {
  font-size: 2.3rem;
}

h3 {
  font-size: 1.9rem;
}

h4 {
	font-size: 1.6rem;
}

h5 {
  font-size: 1.3rem;
}

/* Inherit font size in buttons and boxes */
header #main-menu li a,
.box.journal p,
.box.journal pre,
.button-group .button, .button {
  font-size: var(--base-font-size);
}

/* Make the footer paragraph font size bigger */
footer p, footer pre {
  font-size: 1rem;
}

/* Adjust the widths and margins of footer containers */
@media screen and (min-width: 64em) {
  /* The center of the footer with paragraph text */
  .main-footer .large-5.columns:not(.large-text-right) {
    width: 60%;
  }
  /* The right-hand part of the footer with all-caps links */
  .main-footer .large-5.columns.large-text-right {
    width: 20%;
	padding-right: 3rem;
  }
  .main-footer .inline-list li {
    display: block;
  }
  
  /* Remove padding on bottom and top of footer containers */
  .main-footer .large-5.columns {
    padding-top: 0;
    padding-bottom: 0;
  }
  
  /* Let footer logo width grow */
  .main-footer .large-2 a svg {
    height: 90%;
    width: 90%;
  }
}

/* Handle logo size on narrower screens */
@media screen and (max-width: 64em) {
  .main-footer .large-2 a svg {
    height: 60%;
    width: 60%;
    max-height: 150px;
  }
}

.homepage-element-html .card-title {
  font-weight: bolder;
}

.homepage-element-html .card a {
  color: #00008B;
  text-decoration: underline;
}


:root {
  --menu-foreground-color: #00527f;
  --link-color: #00527f;
}
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}