body {font-family:'Quicksand';margin:0}
.content {display: grid; grid-template-rows:auto 1fr auto}
a{text-decoration:none;flex: 0 1 220px;height:220px;*display:block;margin:20px;margin-top:40px;
	display: grid; grid-template-rows:auto 1fr auto}
.gauche {background:#222;min-height:120px;
	transition: background 0.2s ease;-webkit-transition: background .2s ease}
.droite {display: flex; flex-wrap: wrap; justify-content: center; margin-top:50px}
#eleicoes{background:url('eleicoes200.png') 50% 80% no-repeat;*background-size:86%;background-size:contain;}
#guile{background:url('guile200.png') 50% no-repeat;background-size:75%;*background-size:contain;}
#mana{background:url('marina200.png') 50% 70% no-repeat;background-size:contain;}
#letra{background:url('letras200.png')50% no-repeat;*background-size:75%;background-size:contain;}
#herold{background:url('herold200.png') 50% 70% no-repeat;*background-size:75%;background-size:contain;}
#writer{background:url('writer200.png')50% no-repeat;*background-size:70%;background-size:contain;}
a div{color:#222;opacity:.9;text-align:center;}
.info{background:none;display:none;}
.side{flex: 0 1 200px;height:200px;text-align:center;margin-top:20px;opacity:0;margin:20px;
	transition: opacity 0.2s ease;-webkit-transition: opacity .2s ease}
.caption{transition: opacity 0.2s ease;-webkit-transition: opacity .2s ease;opacity:0;height:50px;
	display: grid; grid-template-rows:1fr auto;}
/**{}
html{*height:100%;}
body{*height:100%;margin:0;font-family:'Quicksand'}
a{text-decoration:none; font-size:15px; color:#fafafa; height:120px;width:120px;margin:20px;margin-top:0;margin-bottom:0;float:left;display:block;
	padding-top:20px;padding-bottom:20px}
a div{color:#000;opacity:.9}
#eleicoes{background:url('eleicoes200.png') 50% 80% no-repeat;background-size:86%;}
#guile{background:url('guile200.png') 50% no-repeat;background-size:75%;}
#mana{background:url('marina200.png') 50% 70% no-repeat;background-size:60%;}
#letra{background:url('letras200.png')50% no-repeat;background-size:75%;}
#herold{background:url('herold200.png') 50% 70% no-repeat;background-size:75%;}
#writer{background:url('writer200.png')50% no-repeat;background-size:70%;}
.content{overflow:auto;min-height:100vh;display:flex}/* ab000d */
/*.gauche{float:left;width:30%;background:#009688;transition: background 0.7s ease;-webkit-transition: background .7s ease}
.gauche div{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAD0lEQVQImWP4jwMwDEEAAPvAF+nDGfM9AAAAAElFTkSuQmCC);
    height:1px;margin-top:2vh;}
.droite{float:left;width:130px;margin-left:20px;margin-top:20px}
.bg{width:100%;height:100%;background:none;user-select: none;font-family:serif;color:#313131;overflow:hidden}
.info{float:left;width:200px;}
.side{height:120px;padding-top:20px;padding-bottom:20px;float:left;margin-left:30px;margin-top:0;margin-bottom:0;font-size:12px;
	opacity:0;transition: opacity 0.2s ease;-webkit-transition: opacity .2s ease}
{}*/