body {
    margin:auto;
    padding:1%;
    max-width:900px;
    background-color:rgba(112, 128, 144, .3);
}

h1 {
    font-size:1.0rem;
    color:rgb(112, 128, 144);
    padding:.0em 0.5em;
    border-bottom: double 6px rgba(112, 128, 144);
    margin-bottom:0;
}

h2 {
    font-size:1.0rem;
    color:rgb(112, 128, 144);
    position:relative;
}

h2:before {
    content:'';
    margin-right:1%;
    border-left:double 8px rgba(112, 128, 144);
}

h3 {
    font-size:1.0rem;
    color:rgb(112, 128, 144);
    position:relative;
}

h3:before {
    content:'';
    margin-right:1%;
    border-left:solid 4px rgba(112, 128, 144);
}

p {
    color:rgb(112, 128, 144);
    font-size:1rem;
    padding-left:.75em;
    padding-right:.75em;
}

i {
    color:rgb(112, 128, 144);
    font-size:1rem;
    padding-left:.75em;
    padding-right:.75em;
}

a {
    color:rgb(112, 128, 144);
    font-size:1rem;
    padding:0;
}

li {
    color:rgb(112, 128, 144);
    font-size:1rem;
}

.cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    grid-gap: 10px;
}

.card {
    display: grid;
    margin: 1% 0;
    padding: 0 0.5em;
    border-radius: 3px;
    border: solid 2px rgba(112, 128, 144);
}