html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  background-color: #ffffff00;}
  
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300; }
h1 { font-size: 4.5rem; line-height: 1.2;  letter-spacing: -.1rem; margin-bottom: 2rem; }
h2 { font-size: 3.0rem; line-height: 1.25; letter-spacing: -.1rem; margin-bottom: 1.8rem;text-align: center;font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;}
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; margin-bottom: 1.5rem; margin-top: 1.5rem;}
h4 { font-size: 1.0rem; line-height: 0.5; letter-spacing: 0rem; margin-bottom: 1.0rem; margin-top: 1.0rem;}
h5 { font-size: 1.5rem; line-height: 1.5;  letter-spacing: -.05rem; margin-bottom: 1.5rem; margin-top: 1.6rem; text-align: center;}
h6 { font-size: 2.0rem; line-height: 1.6;  letter-spacing: 0; margin-bottom: 0.3rem; margin-top: 0.75rem;}

p {
  margin: 0;
  padding-bottom: 10px;
  &:last-child {
    padding: 0;
  }
}

br {
  height: 2px;
}

/* Blockquotes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
blockquote {
  border-left: 4px lightgrey solid;
  padding-left: 1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: 0rem;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #01b3fa; 
  text-decoration: underline;
  cursor: pointer;}
a:hover {
  color: #2581e9; }

#bindu_prediction_detail details{
  color: #000000;
  max-width: 19.5vw;
  box-sizing: border-box;
  margin-left: 10vw;
  margin-top: 1vh;
  display: block;
}

details {
  color: #000000;
  max-width: 19.5vw;
  box-sizing: border-box;
  margin-left: 1vw;
  margin-top: 1vh;
  display: block;
}
details summary::-webkit-details-marker {
  display:none;
}
summary {
  display: flex;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 10px 15px;
}

.contentsss {
  border-top: none;
  padding: 10px;
  border-top: none;
}

summary::after {
  content: '';
  border-top: 10px solid #28a48c;
  border-inline: 7px solid transparent;
  transition: 0.2s;
}

details[open] > summary::after {
  transform: rotate(-180deg);
}

summary::-webkit-details-marker {
  display: none;
}


details[open] summary {border-radius: 5px 5px 0 0;}