@media (prefers-color-scheme: dark) {
    body {
        color: #eee;
        background: #292929;
    }

    .coldivider {
        border-right: 5px solid #eee;
    }

    a:link {
        color: #4d9ad6;
    }

    a:visited {
        color: #ba7996;
    }
}

@media (prefers-color-scheme: light) {
    body {
        color: #292929;
        background: #eee;
    }

    .coldivider {
        border-right: 5px solid #292929;
    }
}

.title-header {
    padding-top: 15px;
    padding-bottom: 55px;
    padding-left: 10px;
}

h2 {
    padding-left: 20px;
    padding-top: 5px;
}

h3 {
    padding-left: 30px;
    padding-top: 15px;
}

h4 {
    padding-left: 35px;
}

p {
    padding-left: 40px;
    word-wrap: break-word;
}

.row {
    display: flex;
    flex-wrap: wrap;
    gap: 3%;
}

.col {
    flex-basis: 35%;
    max-width: 97%;
}

.title-image {
    vertical-align:text-bottom;
}