html, body {
    height: 100%; font-family: verdana, sans-serif;
    background: url('files/bgpage.png') #f9f2f2 repeat scroll;    
    }

#container {
    display: grid;
    grid-template-columns: auto 100px;
}

h1 {font-size: 3em; font-family: serif;}
h2 {font-size: 2em; font-family: serif;}
h3 {font-size: 1.2em;}
h4, p, ol, ul {font-size: 1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}
blockquote {font-size: large; font-style: italic;}
code {display: block; width:75%; border: 1pt dotted gray;margin: 1em 0; padding: 20px;word-wrap:break-word; background-color: #f9f2f290;}

a:link {color: #218400;border-bottom: transparent 3pt solid;}
a:visited {color: darkgreen; text-decoration: none;}
a:hover {text-decoration: none; border-bottom: orange 3pt solid;}

header, footer {width: 100%; margin: 0 auto; text-align: left;}

nav ul {padding: 0;}
nav ul li{
    display: inline-block;
    margin: .1em .2em;
    padding: 0;
    }
nav a {font-weight: bold; text-decoration: none; padding: .2em .5em; border: 2pt solid transparent;}
nav a:hover {background: url('') #ffffff50; border: 2pt solid #51342380; color: #513423}

article {width: 100%; max-width: 700px; margin-left: 5em;}

section {margin-bottom:  4em; padding: .2em 1em;}
section h3, section h4 {text-align: center;}

.fancySections {background: url('files/bg.png') #f9f2f2 repeat scroll;border: 1pt solid #00000040;}
.fancySections h3 {
    background: url('files/bgtitle.png') #FFFFFF50 repeat scroll; 
    border: 9pt solid #6A462F20;
    color: #05790b;
    font-family: 'Courier New', Courier, monospace;
    font-size: xx-large;    
}

#RTT {
    position: sticky;
    bottom: 20px; 
    right: 0px;
    --offset: 100px; 
    margin-top: calc(100vh + var(--offset));  
    place-self: end;   
    text-align: center;
   
}
#RTT a {
    color: green;
    font-weight: bold;
    text-decoration: none;
    font-size: xxx-large;    
}
#RTT a:hover { color: green; border-bottom: 4pt solid green;}

footer { 
    font-size: small; 
    font-family: monospace;
    padding: 2em auto; 
    clear: both;
    }

.sacredTxt {font-family: monospace; font-size: x-large; color: #513423;}
figure {text-align: center;}
figcaption {font-size: small;}

@media screen and (max-width: 600px) {

    #container {
        display: grid;
        grid-template-columns: auto 100px;
    }

    article {margin: 0 auto;}

    #RTT {
        background-color: #ffffff50;
        position: sticky;
        bottom: 0px; 
        right: 0px;
        --offset: 50px;     
        } 
    
}