@font-face {
    font-family: times-triplex;
    src: url(font/hershey-noailles-times-triplex-bold-webfont.woff2);
}


html {
    font-size: 1.2vw;
  }

body {
    /* font-family: sans-serif; */
    /* font-family: times-triplex; */
    /* display: flex;
    flex-direction: column; */
    margin: 0.5rem;
    /* padding-left: 30vw; */
    padding-right: 60vw;
  }

  /* .intro {
text-align: center;
  } */

  h2 {
    font-weight: normal;
  }

  .collapsible {
    font: inherit;
    cursor: pointer;
    outline: inherit;
    border: 0.5px solid blue;
    border-radius: 0.2rem;
}

.log {
    margin-top: 0rem;
    padding-top: 0.1rem;
    margin-bottom: 0rem;
}

button {
    margin-bottom: 0.3rem;
}

.content {
    max-height: 0;
    overflow: hidden;
    font-size: 1rem;
    width: 100%; /* Adjusted to take up full width */
    transition: max-height 0.3s ease-out;
}

.collapsible.active + .content {
    max-height: 200px; /* Adjust this based on expected content */
}

@media only screen and (max-width: 768px) {

    html {
        font-size: 5vw;
    }
    body {
        padding: 0;
    }
}