#page {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
}

#page > h1
{
    flex-basis: 100%;

    font-family: Verdana;
    font-size: 20pt;
    color: #66cccc;
    font-weight: bold;

    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;

    border-bottom: 1px solid #66cccc80;
}

.category {
    display: block;
    opacity: 75%;

    flex: 0 0 300px;

    background-color: #66cccc20;

    border: 2px solid #66cccc;
    border-radius: 5px;

    margin: 5px;

    text-decoration: none;
}

.category:hover {
    opacity: 100%;

    box-shadow: 0px 0px 5px 5px #66cccc40;
}

.category > h1 {
    font-family: Verdana;
    font-size: 14pt;
    color: #66cccc;
    font-weight: bold;

    margin-top: 5px;
    margin-bottom: 5px;

    margin-left: 15px;
    margin-right: 15px;

    padding: 0;
}

.category > h1 > img
{
    width: 64px;
    float: left;

    margin-top: 5px;
    margin-right: 15px;

    filter: invert(76%) sepia(86%) saturate(236%) hue-rotate(123deg) brightness(84%) contrast(90%) blur(0.5px);
}

.category > p, .category li {
    font-family: Verdana;
    font-size: 12pt;
    color: #66cccc;

    margin: 0;
    padding: 0;

    margin-left: 5px;
    margin-right: 5px;
}

.category > p:last-child {

    margin-left: 0px !important;
    margin-right: 0px !important;

    margin-top: 15px !important;
    margin-bottom: 0px !important;

    padding: 2px !important;

    background-color: #66cccc40;
    font-weight: bold;
    text-align: center;
}

.category > p {
    margin-bottom: 5px;
    margin-top: 5px;
}

.category > p + p {
    margin-top: 15px;
}