body {
  margin: 0px 20px;
  background: #EBB9DC;
  text-align: center;

  h1 {font-size: clamp(1.90rem, 1.2vw, 2.30rem);}
  h2 {font-size: clamp(1.60rem, 1.2vw, 2.00rem);}
  h3 {font-size: clamp(1.30rem, 1.2vw, 1.70rem);}
  p  {font-size: clamp(1rem, 1.2vw, 1.40rem);}

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

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

  hr.solid {
    border-top: 2px solid #754569;
  }

  /* Box around random stuff */
  .boarderbox {
    background-color: #EBB9DC;
    border: 5px solid #754569;
    padding: 5px;
    margin: calc(1.6vw);
  }

  .topbar {
    padding: 0.1vw;
  }

  .container {
    display: flex;
    padding: 5px;
    justify-content: center;
  }

  .genericbox {
    margin: calc(1.6vw);
    text-align: center;
  }
}