html, body{ 
    background: #062329;  
    color: #D1B897;
    scrollbar-color: #8cde94 #062329;
    margin-left: 15px;
    margin-right: 15px;
}

h2, h3, h4, h5{
    color: #ffffff;
}

h1, p{
    color: #D1B897;
}

a:link{
    color: #00FFFF;
}

a:hover{
    color: #8CDE94;
}

a:visited{
    color: #C1D1E3;
}

/* code */
pre, code{
    background: #062329;
    overflow: scroll;
}
pre{
    border: 2px solid #8cde94;
    scrollbar-color: #8cde94 #062329;
}
pre code{
    background: #062329;
    scrollbar-color: #8cde94 #062329;
}

pre span.org-string                      {color:#42A637;}
pre span.org-keyword                     {color:#ffffff;}
pre span.org-variable-name               {color:#C1D1E3;}
pre span.org-function-name               {color:#ffffff;}
pre span.org-type                        {color:#8CDE94;}
pre span.org-preprocessor                {color:#8CDE94;font-weight:bold;}
pre span.org-constant                    {color:#D0372D;}
pre span.org-comment-delimiter           {color:#42A637;}

*::selection{
    background: #0000f0;
    color: #ffffff;
    font-weight: bold;
}
*::-moz-selection{
    background: #0000f0;
    color: #ffffff;
    font-weight: bold;
}
*::-webkit-selection{
    background: #0000f0;
    color: #ffffff;
    font-weight: bold;
}

/*navigation*/

.navbar ul{
    list-style-type: none;
    padding: 0px;
    display: flex;
    justify-content: space-between;
}
.navbar a{
    color: #8cde94;
    text-decoration: none;
    text-align: center;
    font-size: x-large;
}
.navbar a:hover{
    text-decoration: underline;
}
.navbar li{
    float: left;
}

hr{
    border-color: #8cde94;
}

.other_stuff{
    color: #D1B897;
    text-align: center;
}