body {
    font-family: 'Helvetica', 'Hind', sans-serif;
    color: #ccccc;
    font-size: 24px;
    margin: 0 auto;
    max-width: 40em;
    line-height: 1.5;
    padding: 2em 3em;
    color: #555;
}

.med-top-padding {
    padding: .4em 0;
}

a:visited {
  color: #e81c4f;
}

a {
    color: #2196F3;
}

.grid {
    margin: 0;
    padding: 0em 1em;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-auto-rows: 1fr;
}

.to-try {
    font-size: .75em;
    line-height: 1;
    padding: .25em .25em;
    text-align: center;
}

hr {
    margin-top: 1em;
    margin-bottom: 1em;
}

b {
    margin-top: 2em;
    margin-bottom: 2em;
}

.list-item {
    padding: .25em 0em;
    list-style-type: square;
}

.list-item-more-space {
    padding: .5em 0em;
    list-style-type: square;
}

.display-eq {
    margin: 0 auto;
    max-width: 40em;
    line-height: 1.5;
    padding: .25em 3em;
}

img {
  max-width: 100%;
  display: block;
padding-top: 10px;
padding-bottom: 10px;
object-fit: scale-down
}