body {
      font-family: "Circular Book", sans-serif;
    }

    h1, h2 {
      font-family: "Circular Bold", sans-serif;
    }

    .bolded {
      font-family: "Circular Bold", sans-serif;
    }

    .section-container {
      width: 100%;


    }

    .tab-buttons-container {
      display: flex;
      width: 100%
    }

    .last {
      margin-right: -1px;
    }

    button {
      font-family: "Circular Bold", sans-serif;
      display: inline-block;
      border: none;
      margin: 0;
      text-decoration: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      cursor: pointer;
      text-align: center;
      padding: 0;
      margin-right: 2px;
    }

    button:focus {outline:0;}

    .tab {

      display: flex;
      width: 100%;

    }

    .img-container {
      align-items:center;
      justify-content:center;
      display: flex;
      flex: 1;
    }

    .text-container {
      width: 50%;
    }

    .tab embed {
      vertical-align: middle;
      margin: auto;
      max-width: 50%;
    }

    .tab-button {
      width: 100%;
      height: 40px;
    }

    .light {
      background-color: #f5f5f5;
    }

    .dark {
      background-color: #dfe2de;
    }
    .selected {
      background-color: #ff007f;
      display: "block";
      color: white;
    }
    .big-number {
      color: #ff007f;
      font-size: 33px;
      font-family: "Circular Black", sans-serif;
    }