:root {
    --ide-color: rgb(205, 204, 204);
}

body {
    background-color: rgb(0, 0, 0);
}

.topic {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border: 5px solid var(--ide-color);
    overflow: hidden;
    margin-bottom: 5px;
    border-radius: 5px;
    background-color: white;
}

.previwer-topic-segment {
    font-family: Arial, Helvetica, sans-serif;
    grid-column-start: 1;
    grid-column-end: 3;
    background-color: var(--ide-color);
    color: rgb(40, 40, 40);
    padding: 5px 10px;
    font-size: 1.3em;
    font-weight: bold;
    border: 0;
}

.previwer-code-segment {
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    border-right: 2px solid var(--ide-color);
    overflow: auto;
    padding: 5px;
    max-height: 500px;
}


.previwer-preview-segment {
    padding: 5px;
    overflow: auto;
    max-height: 500px;
    border: 0;
}