/*  
Source :
Yoann Maurel https://xymaths.fr/Informatique-Programmation/html-css/ 
*/

/* font */
.math {font-family:Times; padding:0.1em; font-size:1.2em; font-style:normal;}


/* Fractions */
.frac{
  display:inline-block;
  margin-left:.1em;margin-right:.1em;
  vertical-align:-64%;
  text-align:center;
}
.frac > .num, .frac > .den{
  display:inline-block;
  padding:0 .1em;
}
.frac > .fracbar {display:block;
  height:0;margin:0;border:0;
  border-bottom:.1em solid;
  overflow:hidden;
}
.den{vertical-align:top;}

/* Racine carrée */
.sqrt{
  position:relative;
  display:inline-block;
  border-top:1px solid black;
  margin-left:.7em;
  padding-left:.2em;
  padding-right:.1em
}
.sqrt:before{content: " ";
  position: absolute;
  display: inline-block;left:-.65em;
  height:56%;
  width:.6em;
  border-right:2px solid black;
  border-bottom:2.5px solid black;
  transform-origin: top right;
  transform: rotate(55deg) skew(50deg);
}