html{
    background-color:#4ac6d7;
    display:flex;
    
    justify-content:center;
}
body{
    font-family:sans-serif;
    width: 80vw;
    border:1px solid black;
    background-color:white;
    padding:3em;
    margin:3em;
    font-size:regular;
    border-radius: 1em;
}

h1
{
    text-align: center;
}



.grid{
    display:flex;
    flex-wrap:wrap;
    gap:1em;
    justify-content:space-around;
}
.grid img{
    width:100%;
    border:1px solid black;
}

section img
{
    max-height:50vh;
    border:1px solid black;
}

ul.grid{
      list-style-type: none;
}

.grid h5
{
    text-align: center;
    font-size: large;
}
.grid li{
      background-color:#ffb411;
     padding:1em;
     max-width:12vw;
     min-width: 15em;
     border-radius: 1ex;
     border: 1px solid #463105;
}
a{
    color:black;
}
h5
{

    font-size:1rem;
}
dl{
    font-size:1rem
}
    dd {
    margin-left:1ex
    }
    dt {
    font-weight:bold;
    margin-top:1ex
    }

    li
    {
        line-height: 1.5em;
        margin-bottom:1em
    }

    .printable-img
    {
        width: 100%;
        max-height: 80vh;
        object-fit: contain;
    }

.theme-list
{
    columns: 2;
    padding: 2em;
}
/* RESPONSIVE 1 COL */
@media (max-width: 600px) {
    .theme-list
    {
        columns: 1;
    }
}

ul
{
    padding-left:0;
    margin-bottom:1em;
}
li{
    margin-bottom:0;
}

.description
{
    font-style: italic;
    text-align: center;
}

hr.divider
{
    border: 1px solid #4ac6d7;
    margin-top: 2em;
    margin-bottom: 2em;
}

ul ul 
{
    margin-left: 1em;
    margin-top: 1em;
}