.upleft{
margin-right:3%;
margin-bottom:1%;
opacity:1;
border:0.4em solid #39556e;
}
.upmid{
margin-bottom:1%;
margin-right:3%;
margin-left:3%;
opacity:0.7;
border:0.3em solid #6e1733;
}
.upright{
margin-bottom:1%;
margin-left:3%;
opacity:0.7;
}
.midleft{
margin-bottom:1%;
margin-right:3%;
margin-top:1%;
opacity:0.8;
border:0.2em solid #2a3b6e;
}
.midmid{
margin:3%;
opacity:0.5;
border:0.3em solid #a1009b;
}
.midright{
margin-bottom:1%;
margin-left:3%;
margin-top:1%;
opacity:0.7;
}
.downleft{
margin-right:3%;
margin-top:1%;
opacity:0.9;
}
.downmid{
margin-right:3%;
margin-left:3%;
margin-top:1%;
opacity:0.6;
border:0.5em solid #6e6867;
}
.downright{
margin-left:3%;
margin-top:1%;
opacity:0.7;
}
.bgc{
background-color:#000;
}
pre{
color:#fff;
margin-left:2em;
}
h1{
color:#fff;
margin-left:0.5em;
}
h2{
color:#fff;
margin-left:1em;
}
body{
background-color:#a2c7d0;
}
#copyright{
color:#fff;
padding:0.3em;
}
.plug{margin-left:1em;color:#fff;}
.pure-button{
margin: 0.7em;
}