body {
    background-color: #F0EEE8; 
  font-family: 'Times New Roman';
  width: auto; height: auto; font-size: 18px; line-height: 60%;
}

p {
  margin-left: 20px;
}

.peppermint-tea {
   margin-right: 20%; 
   margin-top: 20%;
   
}

@media screen and (max-width: 600px) {
  .peppermint-tea {
    position: fixed;
    bottom: 8%; /* Locks the element 10% above the bottom of the screen */
    left: 40%;   /* Example to center a 50% width element */
    width: 50%; 
  }
    .scroll-spacer {
    height: 500px; 
    width: 100%;

}

details > p {
  padding: 0px;
  width: auto;
  margin-left: 20px;
  margin-right: 10px;
  }
 }

h1 { 
    font-weight: normal;
font-family: 'Times New Roman', serif;
}

details > summary {
  padding: 0px;
  width: auto;
  cursor: pointer;
  margin-left: 20px; 
}

details > p {
  padding: 0px;
  width: auto;
  margin-left: 20px;
  line-height: 100%;
  font-size: 16px;

}
  
a.one:link, a.one:visited {color: #083D77;}
a.one:hover {color:#A1C6EA;}

a.two:link, a.two:visited {background-color: #083D77;color: #DBD5B2; text-decoration:none}
a.two:hover {background:#A1C6EA;text-decoration:none}

button {
  background-color: #083D77;
  color: #DBD5B2;
  font-family: 'Times New Roman';
  font-size: 18px;
  padding: 0px 1px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border: none;
  cursor: pointer;

}