style.css

div {
    width: 450px;
    height: 500px;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url("/Users/ashwingupta/Desktop/ESL_research/logos/style-tile-textured-background-3221-bw.jpg");
    background-size: cover;
    width: 100%;

}
.sample-header {
    position: fixed;
    bottom: 100%;
    width: 100%;
    height: 40%;
    background-image: url("/Users/ashwingupta/eclipse-workspace/NutriApp-Feedback-Website/logos/goldmaryland-flag-header-1280x180-gold.jpeg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 60%;
  }

.logo{
    display:block;
    width:175px;
    height:125px;
    background:url(/Users/ashwingupta/eclipse-workspace/NutriApp-Feedback-Website/logos/UMBC.jpeg) center no-repeat;
    opacity: 100%;
    background-size:cover;
}

* {
    box-sizing: border-box;
  }
  body {
    display: flex;
    justify-content: left;
  }
  .label{
    font-size: 16px;
    font-family: "Arial";
    width: 25%;
    border: 2px solid black;
    padding: 8px;
  }
  .flex{
    display: flex;
    justify-content: flex-start;
    gap: 4px;
  }
  .title{
    font-size: 26px;
    margin: 4px 0;
    text-align: justify;
  }
  .big-divider{
    border-top: 14px solid #000;
  }
  .small-divider{
    border-top: 6px solid #000;
  }
  .xsmall-divider{
    border-top: 3px solid #000;
  }
  .small-font{
    font-size: 12px;
  }
  .bold{
    font-weight: bold;
  }
  summary {
    cursor: pointer;
    font-weight: bold;
  }
  summary::-webkit-details-marker {
    display: none;
  }
  .content div{
    padding: 0 10px;
  }