body {
  margin: 0px 20px;
  background: #76A3DB;
  text-align: left;

  h1 {font-size: cclamp(1.98rem, 1.2vw, 2.46rem);}
  h2 {font-size: clamp(1.64rem, 1.2vw, 2.12rem);}
  h3 {font-size: clamp(1.32rem, 1.2vw, 1.8rem);}
  p {font-size: clamp(1rem, 1.2vw, 1.48rem);}

  .buttonmenu1 {
    border-radius: 8px;
    font-size: clamp(1.98rem, 1.2vw, 2.46rem);
    padding: 4px 8px;
    margin: 2px;
    color: black;
    background-color: #13437d;
    transition-duration: 0.35s;
  }
  .buttonmenu1:hover {
    border-radius: 12px;
    font-size: clamp(1.98rem, 1.2vw, 2.46rem);
    padding: 8px 8px;
    background-color: #3178cf;
  }
  .buttonmenu2 {
    border-radius: 8px;
    font-size: clamp(1.98rem, 1.2vw, 2.46rem);
    padding: 1px 8px;
    margin: 2px;
    color: black;
    background-color: #13437d;
    opacity: 0.6;
}

  /* Dotted Devider */
  hr.dotted {
  border-top: 7px dotted #13437d;
  }

  /* Devides multiple paragraphs */
  hr.solidDevider {
  border-top: 2px solid #628cbe;
  }

  /* Sits between the content of the page and any links at the botton */
  hr.solidEndOfPage {
  border-top: 2px solid #13437d;
  }

  /* Box used to highlight something */
  div.boxHighlight {
  background-color: #76A3DB;
  border: 5px solid #13437d;
  padding: 15px;
  margin: calc(1vw);
  }

  /* Box around random stuff */
  div.boxBackground {
    background-color: #76A3DB;
    border: 5px solid #628cbe;
    padding: 0.8vw 1.2vw;
    margin: 1vw 4vw;
    text-align: left;
  }  
}