body
{
 background : url('../../pics/simon01.jpg') no-repeat;
 background-size : 20vmin;
 background-position : center top 50%;
}

meter
{
 min-width : 20vmax;
}

article#artiMemoire
{
 width : 100%;
 text-align : center;
 transition : opacity 2s;
}

article#artiMemoire table
{
 width : 98%;
 opacity : 0.6;
}

article#clavier
{
 max-width : 26vmin;
 background-color : rgba(128, 128, 255, 0.4);
 animation : anim3d001 3s ease-out;
}

article#clavier div
{
 /*opacity : 0.5;*/
 margin : 0.2vmin;
 width : 12.2vmin;
 height : 12.2vmin;
}

article#clavier div:first-of-type
{
 background-color : #000080;
 border-bottom-left-radius: 12vmin;
}

article#clavier div:nth-of-type(2)
{
 background-color : #808000;
 border-bottom-right-radius: 12vmin;
}

article#clavier div:nth-of-type(3)
{
 background-color : #800000;
 border-top-left-radius: 12vmin;
}

article#clavier div:last-of-type
{
 background-color : #008000;
 border-top-right-radius: 12vmin;
}