@font-face {
    font-family: 'GloriaHallelujah';
    src: url('font/cursif-webfont.eot');
    src: url('font/cursif-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/cursif-webfont.woff2') format('woff2'),
         url('font/cursif-webfont.woff') format('woff'),
         url('font/cursif-webfont.ttf') format('truetype'),
         url('font/cursif-webfont.svg#cursif') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
  height: 100%;
	/*touch-action: none;/*désactive pool down refresh*/
	user-select : none;

}



body {
  min-height: 100%;
  margin: 0;
  padding: 0;
text-align:center;

 user-select: none;

font: 20px Arial;
}
#auteur{
bottom:0px;position:relative;
opacity: 0.3;

}


#general
{
 margin: auto;
top:10px;
display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  max-width:850px;
min-width:650px;
}

#texte
{
grid-column:1;
grid-row:1;
margin:auto;
}

#texte
{
grid-column:1;
grid-row:1;
}

#dessin
{
grid-column:2;
grid-row:1;
}
#boutons
{
grid-column:1/3;
grid-row:2;
}
#intro
{
margin:auto;
grid-column:1;
grid-row:3;
color:#FF0000;
}
#introcorrection
{
margin:auto;
grid-column:2;
grid-row:3;
background-color:#FF000035;
border-radius:10px;
padding:5px;
cursor:pointer;
}
#theo
{
margin:auto;
grid-column:1;
grid-row:4;
color:#000000;
}
#theocorrection
{
margin:auto;
grid-column:2;
grid-row:4;
background-color:#00000035;
border-radius:10px;
padding:5px;

}
#conclusion
{
margin:auto;
grid-column:1;
grid-row:5;

color:#008800;
}
#conclcorrection
{
margin:auto;
grid-column:2;
grid-row:5;
background-color:#00880035;
border-radius:10px;
padding:5px;
cursor:pointer;
}

#calcul
{
margin:auto;
grid-column:1;
grid-row:6;
color:#ff2d00;
}
#calculcorrection
{
margin:auto;
grid-column:2;
grid-row:6;
background-color:#ff2d0035;
border-radius:10px;
padding:5px;
}
.frac {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    letter-spacing: 0.001em;
    text-align: center;
}
.frac > span {
    display: block;
    padding: 0.1em;
}
.frac span.bottom {
    border-top: thin solid black;
}
.frac span.symbol {
    display: none;
} 

button
{

height: 50px;
font-size: 20px;
}
