body {
    background-color: rgb(46, 46, 46); /*#272822; rgb(32, 24, 74);*/
    color: rgb(181, 177, 167); /*#D6C2C2; rgb(131, 120, 191);*/
    /* font-family: 'Share Tech Mono', monospace; */
    font-family: 'Roboto Mono', monospace;
    white-space: pre-wrap;
    /* text-align: center; */
}

h1 {
    font-size: 2.3rem;
    color: rgb(235, 193, 77);
}

h3 {
    text-align: center;
}

.main_text {
    margin-left: 25%;
    margin-right: 25%;
}

img {
    width:95%;
    height:auto;
    image-rendering: crisp-edges;
}

.showcase_banner {
    /* height: 50%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    text-align: center;
    color: rgb(150, 150, 150);
    background-color: rgb(55, 55, 55);
}

.showcase_banner_inner {
    margin-left: 15%;
    margin-right: 15%;
}

.showcase_banner td {
    /* padding:0 5px 0 5px; */
    width: 50%;
    table-layout: fixed;
}

a.link_button {
    border-radius: 5px;
    background-color: rgb(185, 185, 185);
    color: initial;
}

.keyword {
    color: #F92672; /*rgb(180, 90, 191);*/
}

.comment {
    color: #75715E; /*rgb(90, 80, 105);*/
}

.code {
    color: #F8F8F2; /*rgb(120, 120, 191);*/
}

.tiny_text {
    font-size: 0.5rem;
}

.wrapper {
    /* padding: 0px; */
    border-width: 1px;
    border-radius: 6px;
    border-color: rgb(46, 46, 46); /*rgb(64, 48, 160);*/
    border-style: solid;
    background-color: rgb(46, 46, 46);
    /*color: #F6F6F2; /*rgb(0, 120, 191);*/
    font-family: 'Roboto Mono', monospace;

    weight: 100%;
    height: 90%;
    overflow: hidden;
    white-space: pre-wrap;
}

.header {
    padding: 4px;
    border-width: 1px;
    /* border-radius: 4px; */
    border-color: rgb(36, 36, 36);
    border-style: solid;
    background-color: rgb(36, 36, 36); /*rgb(0, 18, 54);*/
    /*color: #F6F6F2;/*rgb(30, 160, 210);*/
    font-family: 'Roboto Mono', monospace;

    height: 100%;
}

.main_div {
    padding: 4px;
    border-width: 1px;
    /* border-radius: 4px; */
    border-color: rgb(36, 36, 36);
    border-style: solid;
    background-color: rgb(36, 36, 36); /*rgb(0, 24, 74);*/
    /*color: #F6F6F2; /*rgb(0, 120, 191);*/
    font-family: 'Roboto Mono', monospace;

    height: 100%;
    white-space: pre-wrap;
}

.navigation_div {
    padding: 4px;
    border-width: 1px;
    border-radius: 8px;
    border-color: rgb(36, 36, 36);
    border-style: solid;
    background-color: rgb(36, 36, 36);
    /*color: #F6F6F2;*/
    font-family: 'Roboto Mono', monospace;

    height: 100%;
    white-space: pre-wrap;
}

a {
    color: rgb(131, 120, 191);
}