@import url("https://fonts.googleapis.com/css?family=Lato|Roboto:700|Source+Code+Pro:500");
body {
  max-width: 100vw;
  min-height: 100vh;
  font-family: "Lato", sans-serif;
  background-color: #FDFEFE; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", sans-serif; }

a {
  text-decoration: none; }

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 8px 16px; }

button:hover, input[type="submit"]:hover, .selected-button {
  border-color: #EB3159;
  color: #EB3159; }

button, input[type="submit"] {
  margin: 4px 4px 4px 0;
  border: 2px solid #2626C7;
  border-radius: 4px;
  padding: 6px 8px;
  color: #2626C7;
  background-color: #FDFEFE;
  font-weight: bold;
  transition: border-color 0.4s, color 0.4s; }
  button:hover, input[type="submit"]:hover {
    cursor: pointer; }

u {
  text-decoration: none; }
  u.current-page {
    margin-top: 4px;
    border-bottom: 2px solid #EB3159; }

#navbar {
  position: fixed;
  box-sizing: border-box;
  padding: 8rem 4rem;
  width: 25rem;
  min-height: 100%;
  background-color: #07074A;
  color: #FDFEFE; }
  #navbar a {
    color: #FDFEFE; }
    #navbar a h3 {
      transition: padding-left 0.5s; }
      #navbar a h3:hover {
        padding-left: 0.5rem; }

#navbar-med {
  display: none; }

#navbar-small {
  display: none; }

#content {
  margin-left: 25rem;
  box-sizing: border-box;
  padding: 8rem 16rem;
  color: #020202; }
  #content a {
    color: #2626C7;
    transition: color 0.4s; }
    #content a:hover {
      color: #EB3159; }
  #content p, #content li {
    text-indent: 0;
    font-size: 1.2em;
    line-height: 1.5em; }
  #content img {
    max-width: 100%;
    display: block;
    margin: auto;
    box-sizing: border-box; }
    #content img.landscape {
      width: 100%; }
    #content img.portrait {
      width: 60%; }
    #content img.outline {
      border: 1px solid #020202; }

@media screen and (max-width: 1200px) {
  #content {
    padding: 8rem; } }
@media screen and (max-width: 1024px) {
  #navbar {
    display: none; }

  #navbar-med {
    display: flex;
    flex-direction: column;
    position: sticky;
    width: 100vw;
    height: 4rem;
    padding-top: 3rem;
    background-color: #07074A;
    color: #FDFEFE;
    text-align: center; }
    #navbar-med .container {
      display: flex;
      flex-direction: row;
      justify-content: space-evenly; }
    #navbar-med a {
      color: #FDFEFE; }

  #content {
    margin-left: unset; } }
@media screen and (max-width: 600px) {
  #navbar-med {
    display: none; }

  #navbar-small {
    display: inline-block;
    position: sticky;
    background-color: #07074A;
    width: 100vw;
    padding: 2rem;
    box-sizing: border-box;
    color: #FDFEFE;
    font-size: 1.5rem; }
    #navbar-small #dropdown-button:hover {
      cursor: pointer; }
    #navbar-small #dropdown {
      display: none; }
      #navbar-small #dropdown a {
        color: #FDFEFE;
        font-size: 1.2rem; }

  #content {
    top: unset;
    padding: 4rem; }
    #content p {
      font-size: 1rem; } }

/*# sourceMappingURL=style.css.map */