/* bg color: #09404B 
   darker: #07333C 
   main color: #3AFD7E */

html {
    font-size: 1.1em;
    font-family: 'Share Tech Mono', monospace;
}

body {
    margin-left: 5%;
    margin-right: 5%;
    background-color: #09404B;
    color: white;
}

@media only screen and (min-width: 768px) {
    body {
	margin-left: 25%;
	margin-right: 25%;
    }
}

.title, p, a, pre, code {
    font-family: 'Share Tech Mono', monospace;    
}

a, a:link, a:visited {
    color: #3AFD7E;
}

.nav {
    font-size: 0.8em;
}

.nav p {
    text-align: center;
    width: 100%;
}

.title {
    font-size: 2.5em;
}

p {
    text-align: justify;
}

hr {
    color: white;
}

.footer p {
    width: 100%;
    text-align: center;
    font-size: 0.7em;
}

.org-src-container {
    position: relative;
    display: flex;
    overflow-x: hidden;
}

pre {
    border-radius: 0;
    background-color: #07333C;
    border: none;
    overflow-x: scroll;
    margin: 0;
    width: 100%;
}

pre.src {
    position: static;
}

pre.src-rust:before, pre.src-rust:hover:before {
    content: 'Rust';    
}

pre.src:hover:before, pre.src:before {
    display: inline;
    position: absolute;
    background-color: #3AFD7E;
    color: black;
    top: 0;
    right: 0;
    padding: 5px;
    margin-top: 0;
}

code {
    background-color: #3AFD7E40;
    color: white;
    padding: 3px;
}