*{margin:0;padding:0}
html{max-width: 1200px;margin-left:auto;margin-right:auto;font-family:"Lucida Grande" , "Lucida Sans Unicode" , Verdana, Tahoma,
    "Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.1em}
body{background-color:rgba(255,255,255,0.7);display:grid;grid-template-areas:"header" "nav" "content" "footer"}
p{padding:0.5em}
ol{padding-left:2em}
a.headerlink{visibility:hidden}

/* Responsive design */
img.resize{width:100%;height:auto}
.logo{display:block;margin-left:auto;margin-right:auto;width:100%;height:auto}

.header{grid-area:header}

nav{font-size:0.9em;padding:1em;grid-area:nav}
nav ul li{list-style:none;flex-grow:1;color:#8A7581;width:14em;line-height:2em}
nav ul li a{color:#4C3441;text-decoration:none;display:block;padding-left:1em}
nav ul li a:hover{background-color:#858E98;color:white;}

.language{grid-area:header;text-align:right;font-size:.8em;background-color:rgba(255,255,255,0.7)}
.language a{text-decoration:none;color:grey}

.right_col{grid-area:content}
.right_col ul{margin-left:2em}
.right_col_img{width:99%;}

#image_mask{width:90%;margin-left:auto;margin-right:auto;display:none;overflow:hidden}
#image_mask h1{color:white;text-shadow:black 0.0625em 0.0625em 0.0625em;font-size:1.5em}

#image_div{width:200%;margin-left:0em;
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
    -moz-transform: translateZ(0); /* Mozilla */
    transform: translateZ(0);}
#image_left{width:49.5%;float:left;vertical-align:middle}
#image_right{width:49.5%;float:right;vertical-align:middle}

.footer, .under_footer{background-color:rgba(100,100,100,0.6);font-size:0.75em}
.footer{display:flex;flex-direction:column;grid-area:footer}
.footer_item{text-align:center;margin:.5em 1em .5em 1em}
.footer_item a{text-decoration:none}
.under_footer{text-align:center}

#cookie_warning{display:none;grid-area:header}
#cookie_warning{width:100%;background-color:rgba(184,191,197,0.7);line-height:2em;text-align:right}

@media screen and (min-width:1000px)
{
    body{grid-template-areas:"header" "nav content" "footer";height:100vh}
    .wrapper{display:grid;grid-template-columns:1fr 4fr;overflow:auto;min-height:40em}
    nav{position:fixed}
    .right_col{grid-column-start:2}

    #image_mask{width:60%;float:right;margin:.5em}
    #image_mask h1{left:1em;position:relative;z-index:1;font-size:2em}
    #image_div{top:-2.5em;position:relative}

    .footer{display:grid;grid-template-columns:repeat(7, 1fr)}
}

/* Pygments rules a.k.a. Sphinx rules */
.highlight {background: #eeffcc;font-size:.9em}
.highlight .hll { background-color: #ffffcc }
.highlight .c { color: #408090; font-style: italic } /* Comment */
.highlight .err { border: 1px solid #FF0000 } /* Error */
.highlight .k { color: #007020; font-weight: bold } /* Keyword */
.highlight .o { color: #666666 } /* Operator */
.highlight .cm { color: #408090; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #007020 } /* Comment.Preproc */
.highlight .c1 { color: #408090; font-style: italic } /* Comment.Single */
.highlight .cs { color: #408090; background-color: #fff0f0 } /* Comment.Special */
.highlight .gd { color: #A00000 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #FF0000 } /* Generic.Error */
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #00A000 } /* Generic.Inserted */
.highlight .go { color: #333333 } /* Generic.Output */
.highlight .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.highlight .gt { color: #0044DD } /* Generic.Traceback */
.highlight .kc { color: #007020; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #007020; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #007020; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #007020 } /* Keyword.Pseudo */
.highlight .kr { color: #007020; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #902000 } /* Keyword.Type */
.highlight .m { color: #208050 } /* Literal.Number */
.highlight .s { color: #4070a0 } /* Literal.String */
.highlight .na { color: #4070a0 } /* Name.Attribute */
.highlight .nb { color: #007020 } /* Name.Builtin */
.highlight .nc { color: #0e84b5; font-weight: bold } /* Name.Class */
.highlight .no { color: #60add5 } /* Name.Constant */
.highlight .nd { color: #555555; font-weight: bold } /* Name.Decorator */
.highlight .ni { color: #d55537; font-weight: bold } /* Name.Entity */
.highlight .ne { color: #007020 } /* Name.Exception */
.highlight .nf { color: #06287e } /* Name.Function */
.highlight .nl { color: #002070; font-weight: bold } /* Name.Label */
.highlight .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
.highlight .nt { color: #062873; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #bb60d5 } /* Name.Variable */
.highlight .ow { color: #007020; font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mb { color: #208050 } /* Literal.Number.Bin */
.highlight .mf { color: #208050 } /* Literal.Number.Float */
.highlight .mh { color: #208050 } /* Literal.Number.Hex */
.highlight .mi { color: #208050 } /* Literal.Number.Integer */
.highlight .mo { color: #208050 } /* Literal.Number.Oct */
.highlight .sb { color: #4070a0 } /* Literal.String.Backtick */
.highlight .sc { color: #4070a0 } /* Literal.String.Char */
.highlight .sd { color: #4070a0; font-style: italic } /* Literal.String.Doc */
.highlight .s2 { color: #4070a0 } /* Literal.String.Double */
.highlight .se { color: #4070a0; font-weight: bold } /* Literal.String.Escape */
.highlight .sh { color: #4070a0 } /* Literal.String.Heredoc */
.highlight .si { color: #70a0d0; font-style: italic } /* Literal.String.Interpol */
.highlight .sx { color: #c65d09 } /* Literal.String.Other */
.highlight .sr { color: #235388 } /* Literal.String.Regex */
.highlight .s1 { color: #4070a0 } /* Literal.String.Single */
.highlight .ss { color: #517918 } /* Literal.String.Symbol */
.highlight .bp { color: #007020 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #bb60d5 } /* Name.Variable.Class */
.highlight .vg { color: #bb60d5 } /* Name.Variable.Global */
.highlight .vi { color: #bb60d5 } /* Name.Variable.Instance */
.highlight .il { color: #208050 } /* Literal.Number.Integer.Long */