@media screen and (min-width: 1280px) {
    .ml-18 {
	margin-left: 9rem;
    }

    .mr-18 {
	margin-right: 9rem;
    }

    :not(.sidebar-element) li {
	font-size: 20px;
	line-height: 1.5em !important;
    }

    p {
	font-size: 22px;
    }
}

.flex-container {
    display: flex;
    flex-flow: row;
}

.navigation-element {
    display: flex;
    flex: 1 100px;
}

.end-justified {
    justify-content: end;
}

.pagination {
    font-size: 18px;
}

@media(prefers-color-scheme: dark) {
    .is-info {
	background: #e8630a !important;
	color: #e7eaf6;
    }
    
    .banner {
	color: #e7eaf6 !important;
	background: #e8630a;
    }

    .sidebar {
	border: 1px solid #3e4a61;
	border-radius: 4px;
	background: #1a2639;
	justify-content: space-between;
    }

    .sidebar-element {
	border-bottom: 1px solid #e8630a;
	color: #ff5722;
    }

    .content {
	border: 1px solid #3e4a61;
	border-radius: 4px;
	background: #1a2639;
    }

    a {
	color: #e8630a;
    }

    h1 {
	color: #ff5722 !important;
    }

    h2 {
	color: #ff895d !important;
    }

    h3 {
	color: #ff894c !important;
    }

    pre {
	border: 1px #3e4a61 solid;
	border-radius: 4px;
    }

    li::marker {
	color: #dc2f2f;
    }

    :not(.sidebar-element) li {
	color: #fafafa;
    }
    
    p {
	color: #fafafa;
    }
}

@media(prefers-color-scheme: light) {
    .is-info {
	background: #38598b !important;
	color: #e7eaf6;
    }
    
    .banner {
	color: #e7eaf6 !important;
	background: #38598b; 
    }

    .btn-primary {
	background: #38598b !important;
	color: #ffffff !important;
    }

    .sidebar {
	border: 1px solid #dadff1;
	border-radius: 4px;
	background: #f3f3f3;
	justify-content: space-between;
    }

    .content {
	border: 1px solid #dadff1;
	border-radius: 4px;
	background: #f3f3f3;
    }

    .sidebar-element {
	border-bottom: 1px solid #38598b;
	color: #113f67;
    }

    a {
	color: #38598b;
    }

    h1 {
	color: #113f67 !important;
    }

    h2 {
	color: #155084 !important;
    }

    h3 {
	color: #285f8a !important;
    }

    pre {
	border: 1px #dadff1 solid;
	border-radius: 4px;
    }

    li::marker {
	color: #155084;
    }

    :not(.sidebar-element) li {
	color: #2a2438;
    }

    p {
	color: #2a2438;
    }
}

body {
    font-family: Roboto, Helvetica, Arial, sans-serif !important;
    margin: 0;
}

:not(.sidebar-element) li {
    list-style-type: disc;
    margin-top: .7em;
    line-height: 1em;
}