/* Global Settings */
@font-face {
    font-family: ibmplexmono;
    src: url(./IBMPlexMono-Regular.woff) format('woff');
}


body {
    /* font-family: 'Courier New', Courier, monospace; */
    font-family: ibmplexmono;
}

a {
    color: black;
    text-decoration: none;
}

a:hover {
    color: hotpink;
}




/* Other */

.header {
    text-align: center;

    margin: 10pt;

    border-style: solid;
    border-color: #1E2022;
    background-color: #F0F5F9;
    border-radius: 5pt;
}

.header h1 {
    font-family: Arial, Helvetica, sans-serif;
}

.container {

    display: flex;
    flex-direction: row;

    border-style: solid;
    border-color: #1E2022;
    background-color: #F0F5F9;
}

.sidebar {
    order: 1;
    float: left;

    padding: 20pt;
    padding-bottom: 25%;

    margin: 15pt;

    border-style: solid;
    border-radius: 10px;
    border-color: #1E2022;
    background-color: #C9D6DF;

    opacity: 0.9;

    /* Text Settings */
    font-weight: bold;
    line-height: 30pt;
}


.dlog {
    order: 2;
    flex: 3;
    text-align: center;

    display: flex;
    flex-direction: column;

    padding: 10pt;
    margin: 15pt;
    margin-left: 15%;
    margin-right: 15%;

    border-style: solid;
    border-radius: 10px;
    border-color: #1E2022;
    background-color: #C9D6DF;
}

.post {
    /* opacity: 0.9; */

    border: 2px solid #52616B;
    border-radius: 10px;

    padding: 10pt;

    margin: 10pt;
    margin-left: 20pt;
    margin-right: 20pt;

    background-color: #C9D6DF;
}