@charset "UTF-8";
/* CSS Document */
/*@import url("standard.css");*/
*{
	margin:0;
	padding:0;
    box-sizing:border-box;
}
img{
	width:100%;
	height:auto;	
}
#wrapper{
    max-width:1280px;
    margin:0.5em auto 2em;
}
#foto{
    width:30%;
    margin:0 auto;
}
#foto img{
    padding:5px;
    border:solid 1px #888;
}
section{
    display:flex;
    margin:1em 0;
}
section>div{
    flex:1;
    background-color: #EEE;
    padding:1%;
}
section>div:nth-child(2){
    margin-left:1%;
}
h1, h2{
    text-align: center;
}
section>h2{
    flex:1;
}
.top h2{
    font-style:italic;
    padding-bottom:1em;
}
.top div{
    background-color: #FFF;
    text-align: center;
}
p{
    font-size:1.2em;
}
.top p{
    padding-bottom:0.5em;
}
.rule{
    color:#BB2400;
}
h2{
    margin-left:1%;
}
button{
    cursor:pointer;
    padding:3px;
    margin:5px 0 1em;
}
pre{
    font-size:1.2em;
}
/*-------*/
.gallery{
    width:50%;
    margin:auto;
    display:grid;
    grid-template:repeat(2, auto)/repeat(4, 1fr);
    grid-gap:5px;
}
.gallery>div:first-child{
    grid-area: 1/1/2/-1;
}
.gallery .thumb{
    cursor:pointer;
}
.this1, .this2{
    text-align: center;
    font-family: Monaco, "Courier New", "monospace";
    font-size:0.9em;
}
.this_binding span{
    color:#F00;
}