:root {
    background-color: #161616;
    color: #fff;
    font-family: Courier New;
}

.topbar {
    background-color: #2b2b2b;
    margin: auto;
    padding: 0.4em;
    max-width: 124em;
    font-size: 1.3em;
    position: fixed;
    top: 0px;
    left: 0.3em;
    right: 0.3em;
    z-index: 9001;
    text-decoration: underline;
}

.mainpanel {
    display: grid;
    flex-wrap: wrap;
    margin: auto;
    justify-content: center;
    max-width: 90em;
    padding-top: 3em;
}

.sectionpanel {
    flex: 1 0 38em;
    border: 3px solid #636363;
    margin: 0.2em;
    min-width: 30%;
    /* max-width: 45em; */
    /* height: fit-content; */
    height: auto;
    color: #fff;
}

.section_half_max {
    max-width: 45em;
}

.sectiontitle {
    background-color: #636363;
    padding: 0.5em;
    font-size: 1.3em;
}

.center {
    /*text-align: center;*/
}

.block {
    background-color: #2b2b2b;
    margin: 0.5em;
    padding-top: 0.1em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.linkblock:hover {
    background-color: #4f4f4f;
    cursor: pointer;
}

.linkblock h3 {
    text-decoration: underline;
}

.linkblock span {
    text-decoration: underline;
}

.lang-tag {
    position: relative;
    top: 0.1em;
    float: right;
    font-size: 0.8em;
}

.git-name-tag {
    position: relative;
    top: 0.1em;
    float: left;
    font-size: 0.8em;
}

.job-dates-tag {
    position: relative;
    top: 0.1em;
    float: right;
    font-size: 0.8em;
}

.job-title-tag {
    position: relative;
    top: 0.1em;
    float: left;
    font-size: 0.8em;
}

.desc {
    font-size: 1.0em;
}

.code-block {
    font-size: 1.3em;
}

a.linkblock {
    display: block;
    text-decoration: none;
    color: #fff !important;
}

h3 {
    text-align: center;
}

a {
    color: #fff;
}

a:visited {
    color: #fff;
}

code {
    background-color: #000;
    padding: 0.1em;
    font-size: 1.2em;
}

pre {
    background-color: #000;
    overflow: auto;
    padding: 0.1em;
}

::-webkit-scrollbar {
    width: 1em;
    height: 1em;
}

::-webkit-scrollbar-track {
    background: #838383;
    /* background: #4b4b4b; */
}

::-webkit-scrollbar-thumb {
    background: #4b4b4b;
    /* background: #838383; */
}

::-webkit-scrollbar-thumb:hover {
    background: #6f6f6f;
}