@font-face {
  font-family: Montserrat;
  src: url("/fonts/Montserrat-VariableFont_wght.ttf");
  }


body {
  color: #1c2e46;
  background: #68bfbd;
  font-family: Montserrat;
  }
  
.wrapper {
  margin: 1.5rem 5rem;
  }
  
.header {
  padding: 0 0.25rem 0.75rem 0.25rem;
  }
  
.header h1 {
  margin: 0.15em 0;
  font-weight: bold;
  }
  
.header p {
  font-size: 0.95rem;
  }

.navigation {
  margin-bottom: 2px; /*match border thickness of main box*/
  }
  
.navigation a {
  color: #f2efed;
  font-weight: bold;
  text-decoration: none;
  }
  
.nav-button {
  background: #1c2e46;
  padding: 0.25em 1.5em;
  border-radius: 15px 3px 0 0;
  }
  
.main {
  border: 2px solid #1c2e46;
  background: #f2efed;
  border-radius: 0 10px 2px 2px;
  }
  
.main-inner {
  padding: 1.5rem;
  display: none;
  }
  
.main-inner:target {
  display: block;
  /*To force us up to the top of the screen*/
  top: 0;
  padding-top: 6.5rem;
  margin-top: -6.5rem;
  }