math.css

/*
    Math is cool, CSS is cool, use for whatever you like!
    Made by Mathew Pregasen. MIT license.
    If you have any additions or questions, feel free to contact me
    at mathexl@gmail.com
*/


div[equation] {
    box-sizing: border-box;
    height: auto;
    margin: 0px auto 0;
    min-height: 100px;
    width: 80%;
}

div[improper]{
  padding: 13px;
  background-color: #CF807E;
  color: white;
  opacity: .678;
}

div[improper]::before{
  width: 22px;
      float: left;
      display: inline-block;
      content: "!";
      text-align: center;
      color: #CF807E;
      /* color: white; */
      background-color: white;
      height: 22px;
      border-radius: 100%;
      margin-right: 5px;
      margin-top: -1px;
}

*[absolute] {
    text-decoration: none;
    float:none;
    border-left:2px black solid;
    border-right:2px black solid;
    padding-left:2px;
    padding-right:2px;
}


*[absolute].white {
    border-left:2px white solid;
    border-right:2px white solid;
}

div[equation] u {
    text-decoration: none;
    float:none;
    border-left:2px black solid;
    border-right:2px black solid;
    padding-left:2px;
    padding-right:2px;
}


div[equation].white u {
    border-left:2px white solid;
    border-right:2px white solid;
}


div[equation].red {
    color:white;
}

div[equation].white {
    color:white;
}

div[equation]::after{
    clear: both;
    content: '';
    display: table;
}

div[equation] * {
    box-sizing: border-box;
    float: left;
}

div[equation] sup {
    float: none;
    font-size: 0.4em;
}

div[equation] span[red] {
    float: none;
    color: #ff6632 !important;
}

div[equation] sup sub {
  font-size: 6px;
}

div[equation] sub {
    float: none;
    font-size: 0.4em;
    vertical-align: baseline;
}


/* equation Alias */

div[equation] {
    box-sizing: border-box;
    height: auto;
    margin: 50px auto 0;
    min-height: 100px;
    width: 80%;
}

div[equation]::after{
    clear: both;
    content: '';
    display: table;
}

div[equation] * {
    box-sizing: border-box;
    float: left;
}

div[equation] sup {
    float: none;
    font-size: 0.4em;
}

div[equation] sup > sup {
    font-size: 0.7em !important;
}


div[integral],
div[doubleintegral],
div[contourintegral],
div[surfaceintegral],
div[volumeintegral],
div[tripleintegral],
div[summation],
div[bigunion],
div[bigintersect],
div[fraction],
div[choose],
div[onto],
div[contourintegral],
div[evaluation],
div[limit] {
    display: inline-block;
    height: 100px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 9px;
    padding-right: 9px;
    position: relative;
    width: auto;
}


div[evaluation]{
  height:60px;
  margin-top:20px;
  margin-bottom:20px;
  border-left:1px black solid;
  padding-left:2px;
  padding-right:0px;
  float:left;
}

div[evaluation] > div[upperbound]{
  position: relative;
    width: auto;
    font-style: italic;
    float: none;
    min-width: 0px;
    margin-top:-67px;
}

div[evaluation] > div[lowerbound]{
  position: relative;
      width: auto;
      font-style: italic;
      float: none;
      min-width: 0px;
      margin-top: 46px;
}



div[integral]::before {
    content: '\222b';
    float: left;
    font-size: 5em;
}

div[integral] > div[upperbound] {
    font-size: 1em;
    font-style: italic;
    height: 25%;
    padding-left: 40px;
    position: absolute;
    top: 8px;
    width: auto;
    width: 100px !important;
}

div[integral] > div[lowerbound] {
    font-size: 1em;
    font-style: italic;
    height: auto;
    padding-left: 27px;
    position: absolute;
    top: 69px;
    width: auto;
    width: 100px !important;
}

div[integral] > div[of] {
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 25px;
    margin-top: 1.5em;
    padding-left: 18px;
    width: auto;
}


div[contourintegral]::before {
    content: '\222E';
    float: left;
    font-size: 5em;
    margin-top: -8px;
}


div[root] {
    display: inline-block;
    height: 24px;
    margin-left: 29px;
    margin-right: 0;
    padding-left: 0px;
    padding-right: 9px;
    position: relative;
    width: auto;
    margin-top: 30px;
    padding-top: 10px;
    border-top: 2px black solid;
}

div[root] div[root] {
  float: none !important;

}

div[equation].white div[root]{
    border-top:2px white solid;
}




div[root]::before {
    content: '\221A';
    float: left;
    font-size: 2.5em;
    margin-top: -10px;
    margin-left:-25px;
}

div[root] > div[of] {
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 25px;
    margin-top: -6px;
    padding-left: 0;
    width: auto;
}

div[endflag]{
  display:none;
}

div[root] > div[of] > div[term] {
  font-size: 1.5em;
  font-size: 1em;
    top: 11%;
}
div[root] div[root]{
  margin-top:0px;

}

div[root] div[root] div[of]{
  font-size: 1em;
}

div[root] div[root]::before{
  font-size: 1.5em;
  margin-left:-23px;

}

div[root] > div[degree] {
    position:absolute;
    top:6px;
    left:-17px;
}

div[fraction] div[root]{
    display: inline-block;
    height: -3px;
    margin-left: 29px;
    margin-right: 0;
    padding-left: 0px;
    padding-right: 9px;
    position: relative;
    width: auto;
    margin-top: -11px;
    font-size: 12px;
    padding-top: -8px;
    border-top: 2px black solid;
        margin-bottom: -9px;
        float: none;
}

div[fraction] div[root]::before {
    content: '\221A';
    float: left;
    font-size: 2.5em;
    margin-top: -1px;
    margin-left: -19px;
}

div[fraction]  div[root] > div[of] {
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 25px;
    margin-top: 2px;
    padding-left: 0;
    width: auto;
}



div[upperbound] > div[root]{
    height: 20px;
    margin-top: 0px;
    width: auto;
    padding-top: 6px;
    margin-left: 12px;
    border-top: 1px black solid;
    font-size: .6em;
}

div[upperbound] > div[term]{
  padding-top:0px;
  margin-top:-9px;
  font-size:.9em;
}

div[upperbound] > div[root]::before{
  content: '\221A';
    float: left;
    font-size: 1.8em;
    margin-top: -6px;
    margin-left: -11px;
}

div[lowerbound] > div[root]{
    height: 20px;
    margin-top: 0px;
    width: auto;
    padding-top: 6px;
    margin-left: 2px;
    border-top: 1px black solid;
    font-size: .6em;
}

div[lowerbound] > div[term]{
  padding-top:0px;
  margin-top:0px;
  font-size:.9em;
}

div[lowerbound] > div[root]::before{
  content: '\221A';
    float: left;
    font-size: 1.8em;
    margin-top: -6px;
    margin-left: -11px;
}

div > div[upperbound] {
    min-width:200px;
}

div > div[lowerbound] {
    min-width:200px;
}


div[contourintegral] > div[upperbound] {
    font-size: 1em;
    font-style: italic;
    height: 25%;
    padding-left: 47px;
    position: absolute;
    top: 8px;
    width: auto;
    min-width:70px;
}

div[contourintegral] > div[lowerbound] {
    font-size: 1em;
    font-style: italic;
    height: auto;
    padding-left: 30px;
    position: absolute;
    top: 65px;
    width: auto;
    min-width:70px;
}

div[contourintegral] > div[of] {
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 25px;
    margin-top: 1.5em;
    padding-left: 0;
    width: auto;
}

div[term] {
    display: inline-block;
    float: left;
    font-size: 1.5em;
    font-style: italic;
    height: 30%;
    margin-bottom: 0;
    padding-left: 3px;
    position: relative;
    top: 35%;
    width: auto;
}


div[vector] {
    display: inline-block;
    float: left;
    font-size: 1.2em !important;;
    font-style: italic;
    height: 28% !important;
    margin-bottom: 10px !important;;
    padding-left: 3px;
    position: relative;
    top: 30% !important;
    width: auto;
}

div[vector]::before{
    content: '\2329';
    font-style:normal;
    margin-right:-6px;
}

div[vector]::after{
    content: '\232A';
    font-style:normal;
    margin-left:-4px;
}

div[doubleintegral]::before {
    content: '\222b \222b';
    float: left;
    font-size: 5em;
}

div[doubleintegral] > div[upperbound] {
    font-size: 1em;
    font-style: italic;
    height: 25%;
    padding-left: 26px;
    position: absolute;
    top: -5px;
    width: auto;
}

div[doubleintegral] > div[lowerbound] {
    font-size: 1em;
    font-style: italic;
    height: auto;
    padding-left: 6px;
    position: absolute;
    top: 85px;
    width: auto;
}


div[doubleintegral] > div[upperboundtwo] {
    font-size: 1em;
    font-style: italic;
    height: 25%;
    padding-left: 46px;
    position: absolute;
    top: -5px;
    width: auto;
}

div[doubleintegral] > div[lowerboundtwo] {
    font-size: 1em;
    font-style: italic;
    height: auto;
    padding-left: 22px;
    position: absolute;
    top: 85px;
    width: auto;
}

div[integral] > div[region] {
    font-size: 1.3em;
    font-style: italic;
    height: auto;
    padding-left: 2.5px;
    position: absolute;
    top: 85px;
    width: auto;
}

div[contourintegral] > div[region] {
    font-size: 1.3em;
    font-style: italic;
    height: auto;
    padding-left: 2.5px;
    position: absolute;
    top: 85px;
    width: auto;
}


div[doubleintegral] > div[region] {
    font-size: 1.3em;
    font-style: italic;
    height: auto;
    padding-left: 12.5px;
    position: absolute;
    top: 85px;
    width: auto;
}

div[doubleintegral] > div[of] {
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 25%;
    margin-top: 1.5em;
    padding-left: 18px;
    width: auto;
}

div[surfaceintegral]::before {
    content: '\222F';
    float: left;
    font-size: 5em;
    margin-top: -8px;
}

div[surfaceintegral] > div[upperbound] {
    font-size: 1em;
    font-style: italic;
    height: 25%;
    padding-left: 29px;
    position: absolute;
    top: -8px;
    width: auto;
}

div[surfaceintegral] > div[lowerbound] {
    font-size: 1em;
    font-style: italic;
    height: auto;
    padding-left: 9px;
    position: absolute;
    top: 80px;
    width: auto;
}


div[surfaceintegral] > div[upperboundtwo] {
    font-size: 1em;
    font-style: italic;
    height: 25%;
    padding-left: 56px;
    position: absolute;
    top: -8px;
    width: auto;
}

div[surfaceintegral] > div[lowerboundtwo] {
    font-size: 1em;
    font-style: italic;
    height: auto;
    padding-left: 32px;
    position: absolute;
    top: 80px;
    width: auto;
}

div[surfaceintegral] > div[of] {
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 25%;
    margin-top: 1.5em;
    padding-left: 0;
    width: auto;
}

div[volumeintegral]::before {
    content: '\2230';
    float: left;
    font-size: 5em;
    margin-top: -8px;
}

div[volumeintegral] > div[upperbound] {
    font-size: 1em;
    font-style: italic;
    height: 25%;
    padding-left: 32px;
    position: absolute;
    top: -8px;
    width: auto;
}

div[volumeintegral] > div[lowerbound] {
    font-size: 1em;
    font-style: italic;
    height: auto;
    padding-left: 6px;
    position: absolute;
    top: 80px;
    width: auto;
}


div[volumeintegral] > div[upperboundtwo] {
    font-size: 1em;
    font-style: italic;
    height: 25%;
    padding-left: 56px;
    position: absolute;
    top: -8px;
    width: auto;
}

div[volumeintegral] > div[lowerboundtwo] {
    font-size: 1em;
    font-style: italic;
    height: auto;
    padding-left: 29px;
    position: absolute;
    top: 80px;
    width: auto;
}

div[volumeintegral] > div[upperboundthree] {
    font-size: 1em;
    font-style: italic;
    height: 25%;
    padding-left: 82px;
    position: absolute;
    top: -8px;
    width: auto;
}

div[volumeintegral] > div[lowerboundthree] {
    font-size: 1em;
    font-style: italic;
    height: auto;
    padding-left: 54px;
    position: absolute;
    top: 80px;
    width: auto;
}


div[volumeintegral] > div[of] {
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 25%;
    margin-top: 1.5em;
    padding-left: 0;
    width: auto;
}

div[tripleintegral]::before {
    content: '\222b \222b \222b';
    float: left;
    font-size: 5em;
}

div[tripleintegral] > div[upperbound] {
    font-size: 1em;
    font-style: italic;
    height: 25%;
    padding-left: 26px;
    position: absolute;
    top: -5px;
    width: auto;
}

div[tripleintegral] > div[lowerbound] {
    font-size: 1em;
    font-style: italic;
    height: auto;
    padding-left: 6px;
    position: absolute;
    top: 85px;
    width: auto;
}


div[tripleintegral] > div[upperboundtwo] {
    font-size: 1em;
    font-style: italic;
    height: 25%;
    padding-left: 46px;
    position: absolute;
    top: -5px;
    width: auto;
}

div[tripleintegral] > div[lowerboundtwo] {
    font-size: 1em;
    font-style: italic;
    height: auto;
    padding-left: 22px;
    position: absolute;
    top: 85px;
    width: auto;
}

div[tripleintegral] > div[upperboundthree] {
    font-size: 1em;
    font-style: italic;
    height: 25%;
    padding-left: 66px;
    position: absolute;
    top: -5px;
    width: auto;
}

div[tripleintegral] > div[lowerboundthree] {
    font-size: 1em;
    font-style: italic;
    height: auto;
    padding-left: 42px;
    position: absolute;
    top: 85px;
    width: auto;
}

div[tripleintegral] > div[region] {
    font-size: 1.3em;
    font-style: italic;
    height: auto;
    padding-left: 25px;
    position: absolute;
    top: 85px;
    width: auto;
}


div[tripleintegral] > div[of] {
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 25%;
    margin-top: 1.5em;
    padding-left: 18px;
    width: auto;
}

div[limit]::before {
    content: 'lim';
    float: left;
    font-size: 2em;
    margin-top: 25px;
}

div[limit] > div[variable] {
    font-size: 1em;
    font-style: italic;
    height: 25%;
    padding-left: 2px;
    position: absolute;
    top: 53px;
    width: auto;
}

div[limit] > div[variable]::after{
    content: '\2192';
    margin-left: -4px;
}

div[limit] > div[goingto] {
    font-size: 1em;
    font-style: italic;
    height: 25%;
    padding-left: 22px;
    position: absolute;
    text-align: right;
    top: 53px;
    width: 80px;
    text-align: left;
    margin-left: 5px;
}

div[limit] > div[of] {
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 25%;
    margin-left: 5px;
    margin-top: 1.5em;
    padding-left: 0;
    width: auto;
}

div[summation]::before {
    content: '\2211';
    float: left;
    font-size: 5em;
}



div[bigintersect]::before {
    content: '\22C2';
    float: left;
    font-size: 5em;
}

div[bigintersect] > div[upperbound] {
    font-size: 1em;
    font-style: italic;
    height: 25%;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 50px;
    left:0px;
    left: 0px;
min-width: 75px;
}

div[bigintersect] > div[lowerbound] {
  font-size: 1em;
      font-style: italic;
      height: auto;
      position: absolute;
      text-align: center;
      top: 72px;
      width: 45px;
      left: 0px;
      width: 39px;
      left: 17px;
      max-width: 39px;
      min-width: 48px;
      left: 12px;
}

div[bigintersect] > div[of] {
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 25%;
    margin-top: 1.5em;
    padding-left: 3px;
    width: auto;
}

div[bigunion]::before {
    content: '\22C3';
    float: left;
    font-size: 5em;
}

div[bigunion] > div[upperbound] {
    font-size: 1em;
    font-style: italic;
    height: 25%;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 50px;
    left:0px;
    left: 0px;
min-width: 75px;
}

div[bigunion] > div[lowerbound] {
  font-size: 1em;
      font-style: italic;
      height: auto;
      position: absolute;
      text-align: center;
      top: 72px;
      width: 45px;
      left: 0px;
      width: 39px;
      left: 17px;
      max-width: 39px;
      min-width: 48px;
      left: 12px;
}

div[bigunion] > div[of] {
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 25%;
    margin-top: 1.5em;
    padding-left: 3px;
    width: auto;
}

div[product] {
    display: inline-block;
    float: left;
    height: 100px;
    margin-left: 0;
    padding-left: 9px;
    padding-right: 9px;
    position: relative;
    width: auto;
}

div[product]::before {
    content: '\03A0 ';
    float: left;
    font-size: 5em;
    padding-top: 5px;
}


div[product] > div[upperbound] {
    font-size: 1em;
    font-style: italic;
    height: 25%;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 50px;
    left:0px;
    left: 0px;
min-width: 83px;
}

div[product] > div[lowerbound] {
    font-size: 1em;
    font-style: italic;
    height: auto;
    position: absolute;
    text-align: center;
    top: 82px;
    width: 45px;
    left:0px;
    width: 39px;
        left: 17px;
        max-width: 39px;
            min-width: 60px;
            left: 12px;
}

div[product] > div[of] {
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 25%;
    margin-top: 1.5em;
    padding-left: 3px;
    width: auto;
}

div[fraction] {
    display: inline-block;
    float: left;
    height: 100px;
    margin-left: 0;
    padding-left: 9px;
    padding-right: 9px;
    position: relative;
    width: auto;
}

div[fraction] sup {
    float: none;
    font-size: 0.6em;
}

div[fraction] > div[top] {
    border-bottom: 2px solid #444;
    font-size: 1.3em;
    font-style: italic;
    height: 24px;
    min-width: 100%;
    padding-bottom: 3px;
    position: relative;
    text-align: center;
    top: 28px;
    width: 100%;
    clear:both;
        float:none;
}

div[equation].white div[fraction] > div[top]{
  border-bottom: 2px solid white !important;
}

div[equation].white div[derivative] > div[top]{
  border-bottom: 2px solid white !important;
}

div[equation].white div[fraction] > * > div[fraction] > div[top] {
  border-bottom: 0px solid white !important;
}

div[equation].white div[fraction] > * > div[fraction] > div[bottom] {
  border-top: 1px solid white !important;
}



div[fraction] > div[bottom] {
    font-size: 1.3em;
    font-style: italic;
    height: relative;
    min-width: 100%;
    position: relative;
    text-align: center;
    top: 26px;

}



div[fraction] > div[top] > div[fraction] {
    display: inline-block;
    float: none;
    height: 40px;
    margin-left: 0;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    width: auto;
    margin-top:-11px;
    top:-30px;
    display:inline-block;
}

div[fraction] > div[top] > div[fraction] > div[top] {
    border-bottom: 0px solid #444;
    font-size: .5em;
    font-style: italic;
    height: 10px;
    min-width: 100%;
    padding-bottom: 3px;
    position: relative;
    text-align: center;
    top: 11px;
}



div[fraction] > div[top] > div[fraction] > div[bottom] {
    border-top: 1px solid #444;
    font-size: .5em;
    font-style: italic;
    height: relative;
    min-width: 100%;
    position: relative;
    text-align: center;
    top: 16px;
}



div[fraction] > div[bottom] > div[fraction] {
    float: none;
    height: 40px;
    margin-left: 0;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    width: auto;
    margin-top:-9px;
    top:-20px;
    display:inline-block;
}

div[fraction] > div[bottom] > div[fraction] > div[top] {
    border-bottom: 0px solid #444;
    font-size: .5em;
    font-style: italic;
    height: 10px;
    min-width: 100%;
    padding-bottom: 3px;
    position: relative;
    text-align: center;
    top: 14px;
}

div[fraction] > div[bottom] > div[fraction] > div[bottom] {
    border-top: 1px solid #444;
    font-size: .5em;
    font-style: italic;
    height: relative;
    min-width: 100%;
    position: relative;
    text-align: center;
    top: 18px;
}



div[choose] {
    display: inline-block;
    float: left;
    height: 100px;
    margin-left: 10px;
    padding-left: 9px;
    padding-right: 9px;
    position: relative;
    width: auto;
    margin-right:10px;
}


div[choose] > div[top] {
    font-size: 1.3em;
    font-style: italic;
    height: 24px;
    min-width: 100%;
    padding-bottom: 3px;
    position: relative;
    text-align: center;
    top: 28px;
    width: 100%;
    clear:both;
    float:none;
}


div[choose] > div[bottom] {
    font-size: 1.3em;
    font-style: italic;
    height: relative;
    min-width: 100%;
    position: relative;
    text-align: center;
    top: 26px;

}

div[choose]::before{
  display: block;
    height: 100%;
    left: 0px;
    width: 10px;
    font-weight: 100;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    position: absolute;
    top: 21px;
    content: "(";
    font-size:3em;
    left: -7px;
    font-family:sans-serif;
}

div[choose]::after{
  display: block;
    height: 100%;
    width: 10px;
    font-weight: 100;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    position: absolute;
    top: 21px;
    content: ")";
    font-size:3em;
        font-family:sans-serif;
    right: -5px;
}

.white div[choose]::before{
    color:white;
}

.white div[choose]::after{
    color:white;
}




div[onto] {
    display: inline-block;
    float: left;
    height: 100px;
    margin-left: 10px;
    padding-left: 9px;
    padding-right: 9px;
    position: relative;
    width: auto;
    margin-right:10px;
}


div[onto] > div[top] {
    font-size: 1.3em;
    font-style: italic;
    height: 24px;
    min-width: 100%;
    padding-bottom: 3px;
    position: relative;
    text-align: center;
    top: 28px;
    width: 100%;
    clear:both;
    float:none;
}


div[onto] > div[bottom] {
    font-size: 1.3em;
    border-top:2px black solid;
    font-style: italic;
    height: relative;
    min-width: 100%;
    position: relative;
    text-align: center;
    top: 26px;

}

div[onto]::before{
  display: block;
    height: 100%;
    left: 0px;
    width: 10px;
    font-weight: 100;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    position: absolute;
    top: 21px;
    content: "(";
    font-size:3em;
    left: -7px;
    font-family:sans-serif;
}

div[onto]::after{
  display: block;
    height: 100%;
    width: 10px;
    font-weight: 100;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    position: absolute;
    top: 21px;
    content: ")";
    font-size:3em;
        font-family:sans-serif;
    right: -5px;
}

.white div[onto]::before{
    color:white;
}

.white div[onto]::after{
    color:white;
}



div[key]{
  width: 95px;
    height: auto;
    padding-top: 3px;
    margin-top: 19px;
    margin-left: -21px;
    position: relative;
    overflow: hidden;
    border: 1px #ddd solid;
    cursor: all-scroll;
    padding-bottom: 3px;
    padding-left: 3px;
    font-family: "Lato";
    font-size: 13px;
}

div[key]::before{
  width:100%;
  text-align:center;
  content: 'KEY';
  color:#ddd;
  margin-bottom:1px;
  float:left;
  position:relative;
  display:inline-block;
}

div[key] hr[red]{
  width:10px;
  height:10px;
  float:left;
  background-color:red;
  margin-top:3px;
  margin-right:3px;
}

div[key] hr[blue]{
  width:10px;
  height:10px;
  float:left;
  background-color:blue;
  margin-top:3px;
  margin-right:3px;
}

div[key] hr[green]{
  width:10px;
  height:10px;
  float:left;
  background-color:green;
  margin-top:3px;
  margin-right:3px;
}

div[key] hr[gold]{
  width:10px;
  height:10px;
  float:left;
  background-color:gold;
  margin-top:3px;
  margin-right:3px;
}

div[key] hr[orange]{
  width:10px;
  height:10px;
  float:left;
  background-color:orange;
  margin-top:3px;
  margin-right:3px;
}

div[key] span{
  float:left;
  width:calc(100% - 13px);
}

div[graph] {
  width: 240px;
  height: 200px;
  position: relative;
  overflow: hidden;
  border: 0px black solid;
  cursor:all-scroll;
}

div[laffer]::before{
  content: 'taxrate %';
    position: absolute;
    width: 14px;
    word-break: break-word;
    left: 17px;
    top: 19px;
    height: 161px;
    /* top: 0px; */
    /* background-color: blue; */
    color: #444;
    font-family: Lato;
    line-height: 17px;
    letter-spacing: 2px;
    font-size: 13px;
}

div[laffer]::after {
    content: 'government reveue';
    position: absolute;
    bottom: 4px;
    width: 100%;
    text-align: center;
    left: 0px;
    font-family: Lato;
    font-size: 14px;
}

div[sd]::before{
  content: 'price';
    position: absolute;
    width: 14px;
    word-break: break-word;
    left: 17px;
    top: 19px;
    height: 161px;
    /* top: 0px; */
    /* background-color: blue; */
    color: #444;
    font-family: Lato;
    line-height: 15px;
    letter-spacing: 4px;
    text-align: center;
    font-size: 13px;
}

div[sd]::after {
    content: 'quantity';
    position: absolute;
    bottom: 4px;
    width: 100%;
    text-align: center;
    left: 0px;
    font-family: Lato;
    font-size: 14px;
}


div[ppf]::before{
  content: 'kiwis';
    position: absolute;
    width: 14px;
    word-break: break-word;
    left: 8px;
    top: 19px;
    height: 161px;
    /* top: 0px; */
    /* background-color: blue; */
    color: #444;
    font-family: Lato;
    line-height: 13px;
    letter-spacing: 4px;
    text-align: center;
    font-size: 13px;
}

div[ppf]::after {
    content: 'oranges';
    position: absolute;
    bottom: -1px;
    width: 100%;
    text-align: center;
    left: 0px;
    font-family: Lato;
    font-size: 14px;
}


/*
div[graph] > div[of] > hr + hr {
  border-color:lightblue !important;
}

div[graph] > div[of] > hr + hr + hr {
  border-color:lightgreen !important;
}

div[graph]:before {
  display: inline-block;
      position: absolute;
      height: 2px;
      width: 200px;
      top: 89px;
      background-color: #bbb;
      content: " ";
}

div[graph]:after {
  content: " ";
  display: inline-block;
  width: 2px;
  background-color: #bbb;
  left: 99px;
  position: absolute;
  height: 180px;
  top: 0px;
}

div[graph] hr[parabola]{
  width: 100px;
    height: 300px;
    bottom: 89px;
    left: 50px;
    position: absolute;
    border: 2px #ff6632 solid;
    border-radius: 100%;
}

div[graph] hr[squarert] {
  width: 1000px;
  height: 100px;
  bottom: 53px;
  left: 99px;
  position: absolute;
  border: 4px #ff6632 solid;
      border-left-width: 2px;
        border-bottom-color: transparent;
  border-radius: 0px;
  -ms-transform: scale(1, 0.3);
  -webkit-transform: scale(1, 0.3);
  transform: scale(1,0.3);
  border-top-left-radius: 600px;
  border-bottom: 0px;
}

div[graph] hr[cubic]{
  width: 100px;
    height: 300px;
    bottom: 89px;
    left: 50px;
    position: absolute;
    border: 2px #ff6632 solid;
    border-radius: 100%;
  border-radius: 0px;
    width: 50px;
    border: none;
    border-right: 2px #ff6632 solid;
    left: 100px;
    border-bottom-right-radius: 100%;
    border-bottom: 2px #ff6632 solid;
}

hr[cubic]:after {
    width: 100px;
    position: absolute;
    height: 300px;
    bottom: 89px;
    left: 50px;
    position: absolute;
    border: 2px #ff6632 solid;
    border-radius: 100%;
    border-radius: 0px;
    width: 50px;
    border: none;
    border-right: 2px #ff6632 solid;
    left: 100px;
    border-bottom-right-radius: 100%;
    border-bottom: 2px #ff6632 solid;
    top: 298px;
    transform: rotate(180deg);
    left: -50px;
    content: " ";
}

div[graph] hr[parabola].thin{
width: 60px;
left: 70px;
}

div[graph] hr[parabola].wide{
width: 140px;
left: 30px;
}

div[graph] hr[line]{
  width: 300px;
    height: 2px;
    border-top: #ff6632 solid 2px;
    left: -50px;
    position: absolute;
    top: 89px;
}

div[graph] hr[line].diagonal{
  transform: rotate(-45deg);
}
*/

div[derivative] {
    display: inline-block;
    float: left;
    height: 100px;
    margin-left: 0;
    padding-left: 9px;
    padding-right: 9px;
    position: relative;
    width: 50px;
}

div[derivative] > div[top] {
    border-bottom: 2px solid #444;
    font-size: 1.3em;
    font-style: italic;
    height: 24px;
    min-width: 100%;
    padding-bottom: 3px;
    position: relative;
    text-align: center;
    top: 28px;
}

div[derivative] > div[bottom] {
    font-size: 1.3em;
    font-style: italic;
    height: relative;
    min-width: 100%;
    position: relative;
    text-align: center;
    top: 26px;
}

div[derivative] > div[top]::before,
div[derivative] > div[bottom]::before {
    content: 'd';
    font-style: normal;
    margin-right: -5px;
}


div[partial] > div[top]::before,
div[partial] > div[bottom]::before {
    content: '\2202';
    margin-right: -5px;
}

div[double][partial] > div[top]::before{
    content: '\2202\00B2';
    margin-right: -5px;
}

div[double][partial] > div[bottom]{
  width:auto;
}

div[double][partial] > div[bottom]::after{
    content: '\00B2';
    margin-left: -5px;

}


div[triple][partial] > div[top]::before{
    content: '\2202\00B3';
    margin-right: -5px;
}

div[triple][partial] > div[bottom]{
  width:auto;
}

div[triple][partial] > div[bottom]::after{
    content: '\00B3';
    margin-left: -5px;
}

div[double] > div[top]::before{
    content: 'd\00B2';
    margin-right: -5px;
}

div[double] > div[bottom]{
  width:auto;
}

div[double] > div[bottom]::after{
    content: '\00B2 NFJKIN';
    margin-left: -5px;
}


div[triple] > div[top]::before{
    content: 'd\00B3';
    margin-right: -5px;
}

div[triple] > div[bottom]{
  width:auto;
}

div[triple] > div[bottom]::after{
    content: '\00B3';
    margin-left: -5px;

}


div[triple] > div[top]::before{
    content: 'd\00B3';
    margin-right: -5px;
}

div[triple] > div[bottom]{
  width:auto;
}

div[triple] > div[bottom]::after{
    content: '\00B3';
    margin-left: -5px;
}





div[add],
div[subtract],
div[multiply],
div[divide] {
    display:inline-block;
    font-style: normal;
    float:left;
}

div[equation] > hr[multiply] {
    border: none;
    clear: none;
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 100px;
    margin: 0;
    padding-left: 3px;
    padding-top: 35px;
    position: relative;
    width: auto;
}

div[equation] > hr[multiply] {
    border: none;
    clear: none;
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 100px;
    margin: 0;
    padding-left: 3px;
    padding-top: 35px;
    position: relative;
    width: auto;
}

hr[divide] {
    display: inline-block;
}

hr[divide]::before {
    content: '\00F7';
    float: left;
    font-style: normal;
}


div[equation] > hr[divide] {
    border: none;
    clear: none;
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 100px;
    margin: 0;
    padding-left: 3px;
    padding-top: 35px;
    position: relative;
    width: auto;
}

div[equation] > hr[divide] {
    border: none;
    clear: none;
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 100px;
    margin: 0;
    padding-left: 3px;
    padding-top: 35px;
    position: relative;
    width: auto;
}

div[add]::before {
    content: '+';
}

div[subtract]::before {
    content: '-';
}

div[multiply]::before {
    content: '\00D7';
}

div[divide]::before {
    content: '\00F7';
}

div[equation] > div[add],
div[equation] > div[subtract],
div[equation] > div[multiply],
div[equation] > div[divide],
div[equation] > div[term],
div[equation] > div[vector]{
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 100px;
    margin-top: 0;
    padding-left: 3px;
    padding-top: 35px;
    position: relative;
    width: auto;
}

div[equation] > div[add],
div[equation] > div[subtract],
div[equation] > div[multiply],
div[equation] > div[divide],
div[equation] > div[term],
div[equation] > div[vector]{
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 100px;
    margin-top: 0;
    padding-left: 3px;
    padding-top: 35px;
    position: relative;
    width: auto;
}

div[equation] hr {
    border: none;
    clear: none;
    margin: 0;
    display:inline-block;
    float:none;
        margin-bottom: -6px !important;
}

div[equation] hr[partial]::before {
    content: '\2202';
    font-style: normal;
}

div[equation] hr[null]::before{
    content: '\2205';
    font-style:normal;
}


div[equation] hr[fancya]::before{
    content: '\1D538';
    font-style:normal;
}

div[equation] hr[fancyb]::before{
    content: '\1D539';
    font-style:normal;
}

div[equation] hr[complex]::before{
    content: '\2102';
    font-style:normal;
}


div[equation] hr[catface]::before{
    content: '\1F431';
    font-style:normal;
}


div[equation] hr[fancyd]::before{
    content: '\1D53B';
    font-style:normal;
}

div[equation] hr[fancye]::before{
    content: '\1D53C';
    font-style:normal;
}

div[equation] hr[field]::before{
    content: '\1D53D';
    font-style:normal;
}

div[equation] hr[fancyg]::before{
    content: '\1D53E';
    font-style:normal;
}

div[equation] hr[quaternion]::before{
    content: '\210D';
    font-style:normal;
}

div[equation] hr[fancyi]::before{
    content: '\1D540';
    font-style:normal;
}

div[equation] hr[fancyj]::before{
    content: '\1D541';
    font-style:normal;
}

div[equation] hr[fancyk]::before{
    content: '\1D542';
    font-style:normal;
}

div[equation] hr[fancyl]::before{
    content: '\1D543';
    font-style:normal;
}

div[equation] hr[fancym]::before{
    content: '\1D544';
    font-style:normal;
}

div[equation] hr[n4tural]::before{
    content: '\2115';
    font-style:normal;
}

div[equation] hr[fancyo]::before{
    content: '\1D546';
    font-style:normal;
}

div[equation] hr[prim]::before{
    content: '\2119';
    font-style:normal;
}

div[equation] hr[rational]::before{
    content: '\211A';
    font-style:normal;
    font-family:Times;
}

div[equation] hr[re4l]::before{
    content: '\211D';
    font-style:normal;
}

div[equation] hr[fancys]::before{
    content: '\1D54A';
    font-style:normal;
}

div[equation] hr[fancyt]::before{
    content: '\1D54B';
    font-style:normal;
}

div[equation] hr[fancyu]::before{
    content: '\1D54C';
    font-style:normal;
}

div[equation] hr[fancyv]::before{
    content: '\1D54D';
    font-style:normal;
}

div[equation] hr[fancyw]::before{
    content: '\1D54E';
    font-style:normal;
}
div[equation] hr[fancyx]::before{
    content: '\1D54F';
    font-style:normal;
}

div[equation] hr[fancyy]::before{
    content: '\1D550';
    font-style:normal;
}

div[equation] hr[integers]::before{
    content: '\2124';
    font-style:normal;
}
/**Start */

div[equation] hr[upscripta]::before{
	content:'\1D49C';
	font-style:normal;
}
div[equation] hr[upscriptb]::before{
	content:'\0212C';
	font-style:normal;
}
div[equation] hr[upscriptc]::before{
	content:'\1D49E';
	font-style:normal;
}
div[equation] hr[upscriptd]::before{
	content:'\1D49F';
	font-style:normal;
}
div[equation] hr[upscripte]::before{
	content:'\02130';
	font-style:normal;
}
div[equation] hr[upscriptf]::before{
	content:'\02131';
	font-style:normal;
}
div[equation] hr[upscriptg]::before{
	content:'\1D4A2';
	font-style:normal;
}
div[equation] hr[upscripth]::before{
	content:'\0210B';
	font-style:normal;
}
div[equation] hr[upscripti]::before{
	content:'\02110';
	font-style:normal;
}
div[equation] hr[upscriptj]::before{
	content:'\1D4A5';
	font-style:normal;
}
div[equation] hr[upscriptk]::before{
	content:'\1D4A6';
	font-style:normal;
}
div[equation] hr[upscriptl]::before{
	content:'\02112';
	font-style:normal;
}
div[equation] hr[upscriptm]::before{
	content:'\02133';
	font-style:normal;
}
div[equation] hr[upscriptn]::before{
	content:'\1D4A9';
	font-style:normal;
}
div[equation] hr[upscripto]::before{
	content:'\1D49E';
	font-style:normal;
}
div[equation] hr[upscriptp]::before{
	content:'\1D4AB';
	font-style:normal;
}
div[equation] hr[upscriptq]::before{
	content:'\1D4AC';
	font-style:normal;
}
div[equation] hr[upscriptr]::before{
	content:'\0211B';
	font-style:normal;
}
div[equation] hr[upscripts]::before{
	content:'\1D4AE';
	font-style:normal;
}
div[equation] hr[upscriptt]::before{
	content:'\1D4AF';
	font-style:normal;
}
div[equation] hr[upscriptu]::before{
	content:'\1D4B0';
	font-style:normal;
}
div[equation] hr[upscriptv]::before{
	content:'\1D4B1';
	font-style:normal;
}
div[equation] hr[upscriptw]::before{
	content:'\1D4B2';
	font-style:normal;
}
div[equation] hr[upscriptx]::before{
	content:'\1D4B3';
	font-style:normal;
}
div[equation] hr[upscripty]::before{
	content:'\1D4B4';
	font-style:normal;
}
div[equation] hr[upscriptz]::before{
	content:'\1D4B5';
	font-style:normal;
}

div[equation] hr[scripta]::before{
    content: '\1D4B6';
    font-style:normal;
}

div[equation] hr[scriptb]::before{
    content: '\1D4B7';
    font-style:normal;
}

div[equation] hr[land]::before{
    content: '\2227';
    font-style:normal;
}

div[equation] hr[turnstile]::before{
    content: '\22A2';
    font-style:normal;
}

div[equation] hr[rturnstile]::before{
    content: '\22A3';
    font-style:normal;
}


div[equation] hr[scriptc]::before{
    content: '\1D4B8';
    font-style:normal;
}

div[equation] hr[scriptd]::before{
    content: '\1D4B9';
    font-style:normal;
}

div[equation] hr[scripte]::before{
    content: '\212F';
    font-style:normal;
}

div[equation] hr[scriptf]::before{
    content: '\1D4BB';
    font-style:normal;
}

div[equation] hr[scriptg]::before{
    content: '\210A';
    font-style:normal;
}

div[equation] hr[scripth]::before{
    content: '\1D4BD';
    font-style:normal;
}

div[equation] hr[scripti]::before{
    content: '\1D4BE';
    font-style:normal;
}

div[equation] hr[scriptj]::before{
    content: '\1D4BF';
    font-style:normal;
}

div[equation] hr[scriptk]::before{
    content: '\1D4C0';
    font-style:normal;
}

div[equation] hr[scriptl]::before{
    content: '\1D4C1';
    font-style:normal;
}

div[equation] hr[scriptm]::before{
    content: '\1D4C2';
    font-style:normal;
}

div[equation] hr[scriptn]::before{
    content: '\1D4C3';
    font-style:normal;
}

div[equation] hr[scripto]::before{
    content: '\2134';
    font-style:normal;
}

div[equation] hr[scriptp]::before{
    content: '\1D4C5';
    font-style:normal;
}

div[equation] hr[scriptq]::before{
    content: '\1D4C6';
    font-style:normal;
    font-family:Times;
}

div[equation] hr[scriptr]::before{
    content: '\1D4C7';
    font-style:normal;
}

div[equation] hr[scripts]::before{
    content: '\1D4C8';
    font-style:normal;
}

div[equation] hr[scriptt]::before{
    content: '\1D4C9';
    font-style:normal;
}

div[equation] hr[scriptu]::before{
    content: '\1D4CA';
    font-style:normal;
}

div[equation] hr[scriptv]::before{
    content: '\1D4CB';
    font-style:normal;
}

div[equation] hr[scriptw]::before{
    content: '\1D4CC';
    font-style:normal;
}
div[equation] hr[scriptx]::before{
    content: '\1D4CD';
    font-style:normal;
}

div[equation] hr[scripty]::before{
    content: '\1D4CE';
    font-style:normal;
}

div[equation] hr[scriptz]::before{
    content: '\1D4CF';
    font-style:normal;
}

/**End*/


div[equation] hr[pm]::before {
    content: '\2213';
    font-style: normal;
}

div[equation] hr[times] {
    -webkit-margin-after: -6px !important;
    -webkit-margin-before: 2px !important;
    display: inline-block !important;
    float: none !important;
}

div[equation] hr[times]::before {
    content: '\00D7';
    font-style: normal;
}

div[equation] hr[splat]::before {
    content: '\2217';
    font-style: normal;
}

div[equation] hr[tensor]::before {
    content: '\2A02';
    font-style: normal;
}

div[equation] hr[asterism]::before {
    content: '\2042';
    font-style: normal;
}

div[equation] hr[infty] {
    -webkit-margin-after: -6px !important;
    -webkit-margin-before: 2px !important;
    display: inline-block !important;
    float: none !important;
}

div[equation] hr[infty]::before {
    content: '\221e';
    font-style: normal;
}

div[equation] hr[nabla]::before {
    content: '\2207';
    font-style: normal;
}

div[equation] hr[lomega]::before {
    content: '\03C9';
    font-style: normal;
}

div[equation] hr[lambda]::before {
    content: '\03BB';
    font-style: normal;
}

div[equation] hr[proportional]::before {
    content: '\221D';
    font-style: normal;
}

div[equation] hr[dot]::before {
    content: '\00B7';
    font-style: normal;
}

div[equation] hr[approx]::before {
    content: '\2248';
    font-style: normal;
}

/* Testing symbols [REMOVE]*/
div[equation] hr[duck]::before {
    content: '\3D89';
    font-style: normal;
}


div[equation] hr[neq]::before {
    content: '\2260';
    font-style: normal;
}

div[equation] hr[leq]::before {
    content: '\2264';
    font-style: normal;
}

div[equation] hr[lt]::before {
    content: '<';
    font-style: normal;
}
div[equation] hr[gt]::before {
    content: '>';
    font-style: normal;
}

div[equation] hr[meq]::before {
    content: '\225F';
    font-style: normal;
}

div[equation] hr[goesto]::before {
    content: '\2192';
    font-style: normal;
}

div[equation] hr[goesleftto]::before {
    content: '\2190';
    font-style: normal;
}

div[equation] hr[emply]::before {
    content: '\21D2';
    font-style: normal;
}

div[equation] hr[corresponds]::before {
    content: '\2259';
    font-style: normal;
}


div[equation] hr[dubimply]::before {
    content: '\21D4';
    font-style: normal;
}

div[equation] hr[leftimply]::before {
    content: '\21D0';
    font-style: normal;
}


div[equation] hr[geq]::before {
    content: '\2265';
    font-style: normal;
}

div[equation] hr[forall]::before {
    content: '\2200';
    font-style: normal;
}

div[equation] hr[exists]::before {
    content: '\2203';
    font-style: normal;
}

div[equation] hr[nexists]::before {
    content: '\2204';
    font-style: normal;
}

div[equation] hr[in]::before {
    content: '\2208';
    font-style: normal;
}

div[equation] hr[notin]::before {
    content: '\2209';
    font-style: normal;
}

div[equation] hr[and]::before {
    content: '\2227';
    font-style: normal;
}

div[equation] hr[or]::before {
    content: '\2228';
    font-style: normal;
}

div[equation] hr[cap]::before {
    content: '\2229';
    font-style: normal;
}

div[equation] hr[cup]::before {
    content: '\222A';
    font-style: normal;
}

div[equation] hr[not]::before {
    content: '\00AC';
    font-style: normal;
}

div[equation] hr[disuni]::before {
    content: '\228D';
    font-style: normal;
}

div[equation] hr[disinter]::before {
    content: '\2294';
    font-style: normal;
}

div[equation] hr[pred]::before {
    content: '\227A';
    font-style: normal;
}

div[equation] hr[succ]::before {
    content: '\227B';
    font-style: normal;
}

div[equation] hr[therefore]::before {
    content: '\2234';
    font-style: normal;
}

div[equation] hr[because]::before {
    content: '\2235';
    font-style: normal;
}


/* Discrete Functionality */

div[equation] hr[congruent]::before {
    content: '\2261';
    font-style: normal;
}

div[equation] hr[geocongruent]::before {
    content: '\2245';
    font-style: normal;
}

div[equation] hr[subset]::before {
    content: '\2282';
    font-style: normal;
}

div[equation] hr[superset]::before {
    content: '\2283';
    font-style: normal;
}

div[equation] hr[notsubset]::before {
    content: '\2284';
    font-style: normal;
}

div[equation] hr[notsuperset]::before {
    content: '\2285';
    font-style: normal;
}

div[equation] hr[subsetorequalto]::before {
    content: '\2286';
    font-style: normal;
}

div[equation] hr[supersettorequalto]::before {
    content: '\2287';
    font-style: normal;
}

div[equation] hr[notsubsetorequalto]::before {
    content: '\2288';
    font-style: normal;
}

div[equation] hr[notsupersetorequalto]::before {
    content: '\2289';
    font-style: normal;
}


/* Greek Functionality */

div[equation] hr[pi] {
    -webkit-margin-after: -4px !important;
    display: inline-block !important;
    float: none !important;
}

div[equation] hr[pi]::before {
    content: '\03C0';
    font-style: normal;
}

div[equation] hr[scriptC]::before {
    content: '\1D49E';
    font-style: normal;
}

div[equation] hr[WeierstrassP]::before {
    content: '\2118';
    font-style: normal;
}

div[equation] hr[divides]::before {
    content: '\2223';
    font-style: normal;
}

div[equation] hr[notdivides]::before {
    content: '\2224';
    font-style: normal;
}

div[equation] hr[left]::before {
    content: '\2190';
    font-style: normal;
}

div[equation] hr[up]::before {
    content: '\2191';
    font-style: normal;
}

div[equation] hr[chain]::before {
    content: '\2192';
    font-style: normal;
}

div[equation] hr[down]::before {
    content: '\2193';
    font-style: normal;
}

div[equation] hr[downright]::before {
  content: '\2198';
  font-style: normal;
}

div[equation] hr[lrarrow]::before {
    content: '\2194';
    font-style: normal;
}

div[equation] hr[lbracket]::before {
    content: '\3008';
    font-style: normal;
}

div[equation] hr[rbracket]::before {
    content: '\3009';
    font-style: normal;
}

div[equation] hr[dagger]::before {
    content: '\2020';
    font-style: normal;
}

div[equation] hr[partiald]::before {
    content: '\2202';
    font-style: normal;
}

div[equation] hr[alpha]::before {
    content: '\03B1';
    font-style: normal;
}

div[equation] hr[bgalph]::before {
    content: '\0391';
    font-style: normal;
}

div[equation] hr[beta]::before {
    content: '\03B2';
    font-style: normal;
}

div[equation] hr[bgbta]::before {
    content: '\0392';
    font-style: normal;
}

div[equation] hr[chi]::before {
    content: '\03C7';
    font-style: normal;
}

div[equation] hr[bgch]::before {
    content: '\03A7';
    font-style: normal;
}

div[equation] hr[flux]::before {
    content: '\03A6';
    font-style: normal;
}

div[equation] hr[dots]::before {
    content: '\2026';
    font-style: normal;
}

div[equation] hr[lambda]::before {
    content: '\03BB';
    font-style: normal;
}

div[equation] hr[delta]::before {
    content: '\2206';
    font-style: normal;
}

div[equation] hr[theta]::before {
    content: '\03B8';
    font-style: normal;
}

div[equation] hr[th3ta]::before {
    content: '\03B8';
    font-style: normal;
}


div[equation] hr[bgthta]::before {
    content: '\0398';
    font-style: normal;
}

div[equation] hr[plms]::before {
    content: '\00B1';
    font-style: normal;
}

div[equation] hr[mspl]::before {
    content: '\2213';
    font-style: normal;
}

div[equation] hr[alef]::before {
    content: '\2135';
    font-style: normal;
}

div[equation] hr[bet]::before {
    content: '\05D1';
    font-style: normal;
}

div[equation] hr[composition]::before{
    content: '\2218';
    font-style:normal;
}

div[equation] hr[similar]::before {
    content: '\007E';
    font-style: normal;
}

div[equation] hr[degsign]::before {
    content: '\00B0';
    font-style: normal;
}

div[equation] hr[angle]::before {
    content: '\2220';
    font-style: normal;
}

div[equation] hr[mangle]::before {
    content: 'm\2220';
    font-style: normal;
}


div[equation] hr[laplce]::before {
    content: '\2112';
    font-style: normal;
}


div[equation] hr[congruent]::before {
    content: '\2A6D';
    font-style: normal;
}

div[equation] hr[triangle]::before {
    content: '\25B3';
    font-style: normal;
}

div[equation] hr[circle]::before {
    content: '\25CB';
    font-style: normal;
}

span[qed]{
  color: lightblue;
    font-family: Lato;
    font-size: 16px !important;
    font-style: normal;
    padding: 2px;
    border: 2px lightblue solid;
    border-radius:3px;
    float:none;
}

div[equation] hr[perpendicular]::before {
    content: '\27C2';
    font-style: normal;
}

div[equation] hr[parallel]::before {
    content: '\2225';
    font-style: normal;
}

div[equation] hr[parallelogram]::before {
    content: '\25B1';
    font-style: normal;
}

div[equation] hr[square]::before {
    content: '\25A1';
    font-style: normal;
}

div[equation] hr[rectangle]::before {
    content: '\25AD';
    font-style: normal;
}

div[equation] hr[frakturB]::before {
    content: '\1D505';
    font-style: normal;
}

div[equation] hr[frakturA]::before {
    content: '\1D504';
    font-style: normal;
}

div[equation] hr[frakturC]::before {
    content: '\1D506';
    font-style: normal;
}


div[equation] hr[frakturD]::before {
    content: '\1D507';
    font-style: normal;
}

div[equation] hr[frakturM]::before {
    content: '\1D510';
    font-style: normal;
}



div[equation] hr[gamma]::before {
    content: '\03B3';
    font-style: normal;
}

div[equation] hr[bggmma]::before {
    content: '\0393';
    font-style: normal;
}

div[equation] hr[epsilon]::before {
    content: '\03B5';
    font-style: normal;
}

div[equation] hr[bgepsln]::before {
    content: '\0395';
    font-style: normal;
}

div[equation] hr[zeta]::before {
    content: '\03B6';
    font-style: normal;
}


div[equation] hr[bgzta]::before {
    content: '\0396';
    font-style: normal;
}

div[equation] hr[eta]::before {
    content: '\03B7';
    font-style: normal;
}

div[equation] hr[bget]::before {
    content: '\0397';
    font-style: normal;
}

div[equation] hr[iota]::before {
    content: '\03B9';
    font-style: normal;
}

div[equation] hr[bgita]::before {
    content: '\0399';
    font-style: normal;
}

div[equation] hr[kappa]::before {
    content: '\03BA';
    font-style: normal;
}

div[equation] hr[bgkppa]::before {
    content: '\039A';
    font-style: normal;
}

div[equation] hr[nu]::before {
    content: '\03BD';
    font-style: normal;
}

div[equation] hr[bgn]::before {
    content: '\039D';
    font-style: normal;
}

div[equation] hr[xi]::before {
    content: '\03BE';
    font-style: normal;
}

div[equation] hr[bgx]::before {
    content: '\039E';
    font-style: normal;
}

div[equation] hr[omicron]::before {
    content: '\03BF';
    font-style: normal;
}

div[equation] hr[bgomcrn]::before {
    content: '\039F';
    font-style: normal;
}

div[equation] hr[rho]::before {
    content: '\03C1';
    font-style: normal;
}

div[equation] hr[bgrh]::before {
    content: '\03A1';
    font-style: normal;
}

div[equation] hr[tau]::before {
    content: '\03C4';
    font-style: normal;
}

div[equation] hr[bgtu]::before {
    content: '\03A4';
    font-style: normal;
}

div[equation] hr[upsilon]::before {
    content: '\03C5';
    font-style: normal;
}

div[equation] hr[bgupsln]::before {
    content: '\03A5';
    font-style: normal;
}

div[equation] hr[phi]::before {
    content: '\03D5';
    font-style: normal;
}

div[equation] hr[bgph]::before {
    content: '\03A6';
    font-style: normal;
}
div[equation] hr[psi]::before {
    content: '\03A8';
    font-style: normal;
}

div[equation] hr[ldlta]::before {
    content: '\03B4';
    font-style: normal;
}

div[equation] hr[mu]::before {
    content: '\03BC';
    font-style: normal;
}

div[equation] hr[bgm]::before {
    content: '\039C';
    font-style: normal;
}

div[equation] hr[sigma]::before {
    content: '\03C3';
    font-style: normal;
}


div[equation] hr[bsgma]::before {
    content: '\03A3';
    font-style: normal;
}


div[equation] hr[r00t]::before {
    content: '\221A';
    font-style: normal;
}


div[equation] hr[comga]::before {
    content: '\2126';
    font-style: normal;
}

hr[add] {
    display: inline-block;
}

hr[add]::before {
    content: '+';
    float: left;
    font-style: normal;
}

div[equation] > hr[add] {
    border: none;
    clear: none;
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 100px;
    margin: 0;
    padding-left: 3px;
    padding-top: 35px;
    position: relative;
    width: auto;
}

hr[subtract] {
    display: inline-block;
}

hr[subtract]::before {
    content: '-';
    float: left;
    font-style: normal;
}

div[equation] > hr[subtract] {
    border: none;
    clear: none;
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 100px;
    margin: 0;
    padding-left: 3px;
    padding-top: 35px;
    position: relative;
    width: auto;
}

hr[multiply] {
    display: inline-block;
}

hr[multiply]::before {
    content: '\00D7';
    float: left;
    font-style: normal;
}


div[equation] hr {
    border: none;
    clear: none;
    margin: 0;
}

div[equation] hr[pmille]::before {
  content: '\2030';
  font-style: normal;
}

div[equation] hr[baspnt]::before {
  content: '\2031';
  font-style: normal;
}

div[equation] hr[partial]::before {
    content: '\2202';
    font-style: normal;
}

div[equation] hr[pm]::before {
    content: '\2213';
    font-style: normal;
}

div[equation] hr[times] {
    -webkit-margin-after: -6px !important;
    -webkit-margin-before: 2px !important;
    display: inline-block !important;
    float: none !important;
}

div[equation] hr[times]::before {
    content: '\00D7';
    font-style: normal;
}

div[equation] hr[infty] {
    -webkit-margin-after: -6px !important;
    -webkit-margin-before: 2px !important;
    display: inline-block !important;
    float: none !important;
}

div[equation] hr[infty]::before {
    content: '\221e';
    font-style: normal;
}

div[equation] hr[approx]::before {
    content: '\2248';
    font-style: normal;
}

div[equation] hr[neq]::before {
    content: '\2260';
    font-style: normal;
}

div[equation] hr[leq]::before {
    content: '\2264';
    font-style: normal;
}

span[eqls]{
  float:none !important;
}

div[equation] hr[geq]::before {
    content: '\2265';
    font-style: normal;
}

div[equation] hr[mleq]::before {
    content: '\226A';
    font-style: normal;
}

div[equation] hr[mgeq]::before {
    content: '\226B';
    font-style: normal;
}

div[equation] hr[forall]::before {
    content: '\2200';
    font-style: normal;
}

div[equation] hr[exists]::before {
    content: '\2203';
    font-style: normal;
}

div[equation] hr[nexists]::before {
    content: '\2204';
    font-style: normal;
}

div[equation] hr[nor]::before{
    content: '\22BD';
    font-style:normal;
}

div[equation] hr[in]::before {
    content: '\2208';
    font-style: normal;
}

div[equation] hr[notin]::before {
    content: '\2209';
    font-style: normal;
}

div[equation] hr[and]::before {
    content: '\2227';
    font-style: normal;
}

div[equation] hr[or]::before {
    content: '\2228';
    font-style: normal;
}

div[equation] hr[cap]::before {
    content: '\2229';
    font-style: normal;
}

div[equation] hr[cup]::before {
    content: '\222A';
    font-style: normal;
}


/* Discrete Functionality */

div[equation] hr[congruent]::before {
    content: '\2261';
    font-style: normal;
}

div[equation] hr[subsetleft]::before {
    content: '\2282';
    font-style: normal;
}

div[equation] hr[subsetright]::before {
    content: '\2283';
    font-style: normal;
}

div[equation] hr[notsubsetleft]::before {
    content: '\2284';
    font-style: normal;
}

div[equation] hr[notsubsetright]::before {
    content: '\2285';
    font-style: normal;
}

div[equation] hr[subsetorequaltoleft]::before {
    content: '\2286';
    font-style: normal;
}

div[equation] hr[subsetorequaltoright]::before {
    content: '\2287';
    font-style: normal;
}

div[equation] hr[notsubsetorequaltoleft]::before {
    content: '\2288';
    font-style: normal;
}

div[equation] hr[notsubsetorequaltoright]::before {
    content: '\2289';
    font-style: normal;
}


/* Greek Functionality */

div[equation] hr[pi] {
    -webkit-margin-after: -4px !important;
    display: inline-block !important;
    float: none !important;
}

div[equation] hr[pi]::before {
    content: '\03C0';
    font-style: normal;
}

/*div[equation] hr[alpha]::before {
    content: '\03B1';
    font-style: normal;
}*/

/*div[equation] hr[beta]::before {
    content: '\03B2';
    font-style: normal;
}*/

div[equation] hr[lambda]::before {
    content: '\03BB';
    font-style: normal;
}

div[equation] hr[bglmbda]::before {
    content: '\039B';
    font-style: normal;
}

div[equation] hr[delta]::before {
    content: '\2206';
    font-style: normal;
}

hr[add] {
    display: inline-block;
}

hr[add]::before {
    content: '+';
    float: left;
    font-style: normal;
}

div[equation] > hr[add] {
    border: none;
    clear: none;
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 100px;
    margin: 0;
    padding-left: 3px;
    padding-top: 35px;
    position: relative;
    width: auto;
}

hr[subtract] {
    display: inline-block;
}

hr[subtract]::before {
    content: '-';
    float: left;
    font-style: normal;
}

div[equation] > hr[subtract] {
    border: none;
    clear: none;
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    height: 100px;
    margin: 0;
    padding-left: 3px;
    padding-top: 35px;
    position: relative;
    width: auto;
}

div[matrix] + div[term] > sup:first-child > span[linear]{
  display:block;
  margin-top:-40px;
  margin-left:-6px;
  font-size:1.7em !important;
}

div[table] + div[term] > sup:first-child > span[linear]{
  display:block;
  margin-top:-40px;
  margin-left:-6px;
  font-size:1.7em !important;
}


div[three] + div[term] > sup:first-child > span[linear]{
  display:block;
  margin-top:-30px;
  margin-left:-6px;
  font-size:1.7em !important;
}

div[two] + div[term] > sup:first-child > span[linear]{
  display:block;
  margin-top:-21px;
  margin-left:-6px;
  font-size:1.7em !important;
}


div[matrix] {
    height: 100px;
    margin-left: 0;
    margin-right: 0;
    margin-left:10px;
    margin-right:5px;
    position: relative;
    width: auto;
        min-width: 30px;
}

div[table] {
      margin-left: 0;
    margin-right: 0;
    margin-left:10px;
    margin-right:5px;
    position: relative;
    width: auto;
    display: inline-block;
    height:auto;
        min-width: 30px;
        border: 1px #94A6CE solid;
}

div[one]{
  height: 30px;
  margin-top:35px;
  margin-bottom:35px;
  display: inline-block;
  width:auto;
  position: relative;
  padding-top: 4px;
}


div[two]{
  height: 50px;
  margin-top:25px;
  margin-bottom:25px;
  display: inline-block;
  width:auto;
  position: relative;
}


div[equation] hr[n4tural]::before{
    content: '\2115';
}

div[three]{
  height: 75px;
  margin-top: 12.5px;
  margin-bottom:12.5px;
  display: inline-block;
  width:auto;
  position: relative;
}


div[four]{
  height: 100px;
  margin-top:0px;
  margin-bottom:0px;
  display: inline-block;
  width:auto;
  position: relative;
}

div[five]{
  height: 100px;
  margin-top:0px;
  margin-bottom:0px;
  display: inline-block;
  width:auto;
  position: relative;
}

/* Playing cards */
div[equation] hr[sace]::before {
	content: '\1F0A1';
	font-style:normal;
  font-size:2em;
}
div[equation] hr[stwo]::before {
	content: '\1F0A2';
	font-style:normal;
  font-size:2em;
}
div[equation] hr[sthree]::before {
	content: '\1F0A3';
	font-style:normal;font-size:2em;}
div[equation] hr[sfour]::before {
	content: '\1F0A4';
	font-style:normal;font-size:2em;}
div[equation] hr[sfive]::before {
	content: '\1F0A5';
	font-style:normal;font-size:2em;}
div[equation] hr[ssix]::before {
	content: '\1F0A6';
	font-style:normal;font-size:2em;}
div[equation] hr[sseven]::before {
	content: '\1F0A7';
	font-style:normal;font-size:2em;}
div[equation] hr[seight]::before {
	content: '\1F0A8';
	font-style:normal;font-size:2em;}
div[equation] hr[snine]::before {
	content: '\1F0A9';
	font-style:normal;font-size:2em;}
div[equation] hr[sten]::before {
	content: '\1F0AA';
	font-style:normal;font-size:2em;}
div[equation] hr[sjack]::before {
	content: '\1F0AB';
	font-style:normal;font-size:2em;}
div[equation] hr[squeen]::before {
	content: '\1F0AD';
	font-style:normal;font-size:2em;}
div[equation] hr[sking]::before {
	content: '\1F0AE';
	font-style:normal;font-size:2em;}
div[equation] hr[hace]::before {
	content: '\1F0B1';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[htwo]::before {
	content: '\1F0B2';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[hthree]::before {
	content: '\1F0B3';
	font-style:normal;font-size:2em;	color:red
}
div[equation] hr[hfour]::before {
	content: '\1F0B4';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[hfive]::before {
	content: '\1F0B5';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[hsix]::before {
	content: '\1F0B6';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[hseven]::before {
	content: '\1F0B7';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[height]::before {
	content: '\1F0B8';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[hnine]::before {
	content: '\1F0B9';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[hten]::before {
	content: '\1F0BA';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[hjack]::before {
	content: '\1F0BB';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[hqueen]::before {
	content: '\1F0BD';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[hking]::before {
	content: '\1F0BE';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[dace]::before {
	content: '\1F0C1';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[dtwo]::before {
	content: '\1F0C2';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[dthree]::before {
	content: '\1F0C3';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[dfour]::before {
	content: '\1F0C4';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[dfive]::before {
	content: '\1F0C5';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[dsix]::before {
	content: '\1F0C6';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[dseven]::before {
	content: '\1F0C7';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[deight]::before {
	content: '\1F0C8';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[dnine]::before {
	content: '\1F0C9';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[dten]::before {
	content: '\1F0CA';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[djack]::before {
	content: '\1F0CB';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[dqueen]::before {
	content: '\1F0CD';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[dking]::before {
	content: '\1F0CE';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[cace]::before {
	content: '\1F0D1';
	font-style:normal;font-size:2em;	color:red;
}
div[equation] hr[ctwo]::before {
	content: '\1F0D2';
	font-style:normal;font-size:2em;	color:black;
}
div[equation] hr[cthree]::before {
	content: '\1F0D3';
	font-style:normal;font-size:2em;	color:black;
}
div[equation] hr[cfour]::before {
	content: '\1F0D4';
	font-style:normal;font-size:2em;	color:black;
}
div[equation] hr[cfive]::before {
	content: '\1F0D5';
	font-style:normal;font-size:2em;	color:black;
}
div[equation] hr[csix]::before {
	content: '\1F0D6';
	font-style:normal;font-size:2em;	color:black;
}
div[equation] hr[cseven]::before {
	content: '\1F0D7';
	font-style:normal;font-size:2em;	color:black;
}
div[equation] hr[ceight]::before {
	content: '\1F0D8';
	font-style:normal;font-size:2em;	color:black;
}
div[equation] hr[cnine]::before {
	content: '\1F0D9';
	font-style:normal;font-size:2em;	color:black;
}
div[equation] hr[cten]::before {
	content: '\1F0DA';
	font-style:normal;font-size:2em;	color:black;
}
div[equation] hr[cjack]::before {
	content: '\1F0DB';
	font-style:normal;font-size:2em;	color:black;
}
div[equation] hr[cqueen]::before {
	content: '\1F0DD';
	font-style:normal;font-size:2em;	color:black;
}
div[equation] hr[cking]::before {
	content: '\1F0DE';
	font-style:normal;font-size:2em;	color:black;
}
div[equation] hr[spade]::before {
	content: '\2660';
	font-style:normal;
}
div[equation] hr[heart]::before {
	content: '\2665';
	font-style:normal;
  color:red;
}
div[equation] hr[diamond]::before {
	content: '\2666';
	font-style:normal;
  color:red;
}
div[equation] hr[club]::before {
	content: '\2663';
	font-style:normal;
}



div[matrix]{
  padding-left: 4px;
}


div[matrix]::before{
  display: block;
    height: 100%;
    left: 0px;
    width: 10px;
    font-weight: 100;
    border: 3px black solid;
    border-right: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    position: absolute;
    top: -7px;
    content: "";
    left: 0px;
}

div[matrix][curly]{
  margin-right:10px;
}

div[matrix][curly]::before{
  content: "(";
  font-size:3em;
  border:0px;
  left:-8px;
}

div[matrix]::after{
  display: block;
    height: 100%;
    width: 10px;
    font-weight: 100;
    border: 3px black solid;
    border-left: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    position: absolute;
    top: -7px;
    content: "";
    right: 0px;
}

div[matrix][curly]::after{
  content: ")";
  font-size:3em;
  border:0px;
  right:-6px;
}

div[equation].white div[matrix]::before{
  border: 3px white solid;
  border-right: none;

}

div[equation].white div[matrix]::after{
  border: 3px white solid;
  border-left: none;

}


div[matrix]> b{
  min-width:25px;
  height: 100%;
  display:inline-block;
  float:left;
  font-weight:300;
  text-align: center;
    font-style: italic;
}

div[matrix] > b > a{
  clear: both;
      min-width: 100%;
      text-align: center;
      display: block;
      height: 25px;
      width: auto;
      padding-left: 8px;
      padding-right: 8px;
      box-sizing: border-box;
}

div[matrix] > b > hr{
  width: auto;
  clear: both;
  text-align: center;
  display: block;
  min-width: 25px;
  height: 1px;
  display: inline-block;
  float: none;
  display: block;
  top: -12px;
  margin-top: 0px;
  margin-bottom: 6px;
}


div[table]> b{
  min-width:25px;
  height: 100%;
  display:inline-block;
  float:left;
  font-weight:300;
  text-align: center;
    font-style: italic;
}

div[table] > b > a{
  clear: both;
      min-width: 100%;
      text-align: center;
      display: block;
      height: 25px !important;
      width: auto;
      padding-left: 8px;
      padding-right: 8px;
      padding-top:3px;
      box-sizing: border-box;
      font-size:15 !important;
      border: 1px #94A6CE solid;
}

div[table] > b > a[blank]{
    border: 3px white solid;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-right:-1px;

    height: 27px !important;
    color:white;
    width:27px !important;
    max-width:27px;
}

div[table] > b > hr{
  width: auto;
  clear: both;
  text-align: center;
  display: block;
  min-width: 25px;
  height: 1px;
  display: inline-block;
  float: none;
  display: block;
  top: -12px;
  margin-top: 0px;
  margin-bottom: 6px;
}

div[five] > b > a{
  font-size:12px;
  height: 20px;
}

div[six] > b > a{
  font-size:10px;
  height: 16.666px;
  height: calc(100px / 6);
}

div[seven] > b > a{
  font-size:9.5px;
  height: 14.28px;
  height: calc(100px / 7);
}

div[eight] > b > a{
  font-size:9.5px;
  height: 12.5px;
  height: calc(100px / 8);
}


div[five] > b {
  font-size:12px;
}

div[six] > b {
  font-size:10px;
}

div[seven] > b {
  font-size:9.5px;
}

div[eight] > b {
  font-size:9.5px;
}


div[five] > b > hr{
  top: -12px;
  margin-top: 0px;
  margin-bottom: 5px;
}

div[six] > b > hr{
  top: -12px;
  margin-top: 0px;
  margin-bottom: 2.6px;
}

div[seven] > b > hr{
  top: -12px;
  margin-top: 0px;
  margin-bottom: 3px;
}

div[eight] > b > hr{
  top: -12px;
  margin-top: 0px;
  margin-bottom: 1.5px;
}

div[shaded] {
    background-color:white  !important;
}

div[venn] {
    display: inline-block;
    height: 150px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 9px;
    padding-right: 9px;
    position: relative;
    border:1px white  solid;
    width:180px;
    margin-bottom:-50px;
    margin-top:-78px;
    background-color:white;
}


div[two]{

}

div[two]  > div[A]{
    margin-top:35px;
    margin-bottom:10px;
    margin-left:10px;
    width:80px;
    height: 80px;
    border-radius:100%;
    border:2px white  solid;
    float:left;
    box-sizing: border-box;
    overflow:hidden;
    z-index:2;
    position: relative;
}

div[two]  > div[B]{
    margin-top:35px;
    margin-bottom:10px;
    margin-left:10px;
    width:80px;
    float:left;
    margin-left:-20px;
    height: 80px;
    border-radius:100%;
    z-index:1;
    border:2px white  solid;
    box-sizing: border-box;
    background-color:white;
    position: relative;
}

div[two]  > div[A] > div[AB]{
    margin-bottom:10px;
    margin-left:58px;
    width:80px;
    margin-top:-2px;
    height: 80px;
    border-radius:100%;
    border:2px white  solid;
    float:left;
    box-sizing: border-box;
    background-color:white;

}


div[three]  > div[A]{
    margin-top:10px;
    margin-bottom:10px;
    margin-left:10px;
    width:80px;
    height: 80px;
    border-radius:100%;
    border:2px white  solid;
    float:left;
    box-sizing: border-box;
    overflow:hidden;
    z-index:3;
    background-color:white;
    position: relative;
}

div[three]  > div[B]{
    margin-top:10px;
    margin-bottom:10px;
    margin-left:10px;
    width:80px;
    float:left;
    margin-left:-20px;
    height: 80px;
    border-radius:100%;
    z-index:2;
    border:2px white  solid;
    box-sizing: border-box;
    background-color:white;
    overflow:hidden;
    position: relative;
}


div[three]  > div[C]{
    margin-top:10px;
    margin-bottom:10px;
    margin-left:10px;
    width:80px;
    float:left;
    margin-left:-20px;
    height: 80px;
    border-radius:100%;
    z-index:1;
    z-index:1;
    border:2px white  solid;
    box-sizing: border-box;
    background-color:white;
    margin-top:-40px;
    margin-left:39px;
    position: relative;
}

div[three]  > div[A] > div[AB]{
    margin-bottom:10px;
    margin-left:58px;
    width:80px;
    margin-top:-2px;
    height: 80px;
    border-radius:100%;
    border:2px white  solid;
    float:left;
    box-sizing: border-box;
    z-index:2;
    background-color:white;
    position:relative;
    overflow:hidden;
}

div[three]  > div[A] > div[AB] > div[ABC]{
    margin-bottom:10px;
    margin-left:-33px;
    width:80px;
    margin-top:49px;
    height: 80px;
    border-radius:100%;
    border:2px white  solid;
    float:left;
    box-sizing: border-box;
    z-index:2;
    background-color:white;
    position:relative;
}



div[three]  > div[A] > div[AC]{
    margin-bottom:10px;
    width:80px;
    height: 80px;
    border-radius:100%;
    z-index:1;
    position:relative;
    margin-top:-39px;
    margin-left:27px;
    border:2px white  solid;
    float:left;
    box-sizing: border-box;
    background-color:white;
}


div[three]  > div[B] > div[BC]{
    margin-bottom:10px;
    margin-left:-33px;
    width:80px;
    margin-top:49px;
    height: 80px;
    border-radius:100%;
    border:2px white  solid;
    float:left;
    box-sizing: border-box;
    z-index:2;
    background-color:white;
    position:relative;
}

div[four] * {
    background-color: white !important;
    border-color: white !important;
}

div[four] div[shaded] {
    background-color: white !important;
}

div[four]  > div[A]{
    margin-top:15px;
    margin-bottom:10px;
    margin-left:15px;
    width:80px;
    height: 80px;
    border-radius:100%;
    border:2px black solid;
    float:left;
    box-sizing: border-box;
    overflow:hidden;
    z-index:4;
    background-color:transparent;
    position: relative;
}

div[four]  > div[B]{
    margin-top:15px;
    margin-bottom:10px;
    margin-left:15px;
    width:80px;
    float:left;
    margin-left:-30px;
    height: 80px;
    border-radius:100%;
    z-index:2;
    border:2px black solid;
    box-sizing: border-box;
    background-color:transparent;
    overflow:hidden;
    position: relative;
}

div[four]  > div[B] > div[BC]{
    margin-bottom:10px;
    margin-left:40px;
    width:80px;
    margin-top:-177px;
    height: 80px;
    border-radius:100%;
    border:2px black solid;
    float:left;
    box-sizing: border-box;
    z-index:2;
    background-color:white;
    position:relative;
    overflow:hidden;
}



div[four]  > div[C]{
    margin-top:10px;
    margin-bottom:10px;
    width:80px;
    float:left;
    height: 80px;
    border-radius:100%;
    z-index:3;
    border:2px black solid;
    box-sizing: border-box;
    background-color:transparent;
    margin-top:-50px;
    margin-left:15px;
    position: relative;
    overflow:hidden;
}

div[four]  > div[E]{
    margin-top:-50px;
    margin-bottom:10px;
    margin-left:10px;
    width:80px;
    float:left;
    margin-left:-30px;
    height: 80px;
    border-radius:100%;
    z-index:1;
    border:2px black solid;
    box-sizing: border-box;
    background-color:transparent;
    overflow:hidden;
    position: relative;
    background-color:white;

}

div[four]  > div[A] > div[AB]{
    margin-bottom:10px;
    margin-left:48px;
    width:80px;
    margin-top:-2px;
    height: 80px;
    border-radius:100%;
    border:2px black solid;
    float:left;
    box-sizing: border-box;
    z-index:2;
    background-color:white;
    position:relative;
    overflow:hidden;
}


div[four]  > div[A] > div[AE]{
    margin-bottom:10px;
    margin-left:-43px;
    width:80px;
    margin-top:-177px;
    height: 80px;
    border-radius:100%;
    border:2px black solid;
    float:left;
    box-sizing: border-box;
    z-index:2;
    background-color:white;
    position:relative;
    overflow:hidden;
}

div[four]  > div[E] > div[AE]{
    margin-bottom:10px;
    margin-left:38px;
    width:80px;
    margin-top:45px;
    height: 80px;
    border-radius:100%;
    border:2px black solid;
    float:left;
    box-sizing: border-box;
    z-index:2;
    background-color:white;
    position:relative;
    overflow:hidden;
}


div[four]  > div[A] > div[AB] > div[ABC]{
    margin-left:-52px;
    margin-top:38px;
    height: 80px;


    width:80px;
    border-radius:100%;
    border:2px black solid;
    float:left;
    box-sizing: border-box;
    z-index:2;
    background-color:white;
    position:relative;
    overflow:hidden;
}

div[four]  > div[A] > div[AB] > div[ABC] > div[ABCE]{
    margin-left:48px;
    margin-top:-2px;
    height: 80px;


    width:80px;
    border-radius:100%;
    border:2px black solid;
    float:left;
    box-sizing: border-box;
    z-index:2;
    background-color:white;
    position:relative;
    overflow:hidden;
}

div[four]  > div[A] > div[AB] > div[ABE]{
    margin-left:-2px;
    margin-top:-80px;


    height: 80px;
    width:80px;
    border-radius:100%;
    border:2px black solid;
    float:left;
    box-sizing: border-box;
    z-index:1;
    background-color:white;
    position:relative;
    overflow:hidden;
}




div[four]  > div[A] > div[AC]{
    margin-bottom:10px;
    width:80px;
    height: 80px;
    border-radius:100%;
    z-index:1;
    position:relative;
    margin-top:-50px;
    margin-left:-2px;
    border:2px black solid;
    float:left;
    box-sizing: border-box;
    background-color:white;
}


div[four]  > div[A] > div[AC] > div[ACE]{
    margin-left:48px;
    margin-top:-2px;
    height: 80px;
    width:80px;
    border-radius:100%;
    border:2px black solid;
    float:left;
    box-sizing: border-box;
    z-index:1;
    background-color:white;
    position:relative;
    overflow:hidden;
}

div[four]  > div[C] > div[CE]{
    margin-bottom:10px;
    margin-left:48px;
    width:80px;
    margin-top:-2px;
    height: 80px;
    border-radius:100%;
    border:2px black solid;
    float:left;
    box-sizing: border-box;
    z-index:2;
    background-color:white;
    position:relative;
    overflow:hidden;
}

div[four]  > div[C] > div[CE] > div[BCE]{
    margin-left:-2px;
    margin-top:-42px;
    height: 80px;
    width:80px;
    border-radius:100%;
    border:2px black solid;
    float:left;
    box-sizing: border-box;
    z-index:1;
    background-color:white;
    position:relative;
    overflow:hidden;
}


div[four]  > div[B] > div[BE]{
    margin-bottom:10px;
    width:80px;
    height: 80px;
    border-radius:100%;
    z-index:1;
    position:relative;
    margin-top:38px;
    margin-left:-2px;
    border:2px black solid;
    float:left;
    box-sizing: border-box;
    background-color:white;
}



div[four]  > div[C] > div[BC]{
    margin-bottom:10px;
    margin-left:-41px;
    width:80px;
    margin-top:-42px;
    height: 80px;
    border-radius:100%;
    border:2px black solid;
    float:left;
    box-sizing: border-box;
    z-index:2;
    background-color:white;
    position:relative;
    overflow:hidden;
}

span[c0f]{
  float:none;
  position:relative;
}

span[c0f]::before{
  content:"Z(";
}

span[c0f]::after{
  content:") ";
}

span[hat]{
  float:none;
  position:relative;
}

span[hat]::before{
  content:'^';
  text-align: center;
  position:absolute;
  top:-7px;
  color:black;
  width:100%;
  border-bottom:0px black solid;
}

.white span[hat]::before{
  color:white;
}

span[vector]{
  float:none;
  position:relative;
}

span[vector]::before{
  content:'\2192';
  float:right;
  color:black;
  position:absolute;
  top:1px;
  width:100%;
  font-size:.5em;


}

sub span[vector]::before {
    content: '\2192';
    float: right;
    color: black;
    position: absolute;
    top: -3px;
    width: 100%;
    left: -1px;
    font-size: .8em;
}

div[modification]{
  height: 75px;
margin-top: 12.5px;
margin-bottom: 12.5px;
display: inline-block;
width: auto;
position: relative;
min-width: 20px;
}

.white span[vector]::before{
  color:white;
}

div[modification]> b{
  min-width:25px;
  height: 100%;
  display:inline-block;
  float:left;
  font-weight:300;
  text-align: center;
    font-style: italic;
}

div[modification] > b > a{
  clear: both;
      min-width: 100%;
      text-align: left;
      display: block;
      height: 25px;
      width: auto;
      padding-left: 8px;
      padding-right: 8px;
      box-sizing: border-box;
}

div[equation] .geo_line{
  text-decoration: overline;
  margin-right:2px;
  margin-left:6px;
  border: none;
    clear: none;
    display: inline-block;
    float: none;
    position:relative;
}

.geo_line::before{
  position:absolute;
  content: "\2190";
  display:inline-block;
  top:-13.5px;
  left:-7px;
}

.geo_line::after{
  position:absolute;
  content: "\2192";
  display:inline-block;
  top:-13.5px;
  right:-7px;
}

div[equation] .geo_ray{
  text-decoration: overline;
  margin-right:2px;
  margin-left:6px;
  border: none;
    clear: none;
    display: inline-block;
    float: none;
    position:relative;
}


div[equation] .geo_arc{
     margin-right: 2px;
     margin-left: 6px;
     border-top: 2px black solid;
     /* border: none; */
     clear: none;
     margin-top: -2px;
     display: inline-block;
     padding-top: 2px;
     float: none;
     border-radius: 30%;
     position: relative;

}

.geo_ray::after{
  position:absolute;
  content: "\2192";
  display:inline-block;
  top:-13.5px;
  right:-7px;
}

div[equation] .geo_segment{
  text-decoration: overline;
  margin-right:2px;
  margin-left:6px;
  border: none;
    clear: none;
    display: inline-block;
    float: none;
}




/**** PWISE ****/

div[pwise]{
  margin-left:20px;
}




div[pwise]::before{
  display: block;
      height: 100%;
      left: 0px;
      width: 10px;
      font-weight: 100;
      border: 0px black solid;
      border-right: none;
      -webkit-margin-before: 0em;
      -webkit-margin-after: 0em;
      -webkit-margin-start: 0;
      -webkit-margin-end: 0;
      position: absolute;
      top: -17px;
      content: "{";
      font-size: 82px;
      left: -14px;
      font-weight: 100;
      font-family: Helvetica;
}

div[pwise][two]::before{
  display: block;
      height: 100%;
      left: 0px;
      width: 10px;
      font-weight: 100;
      border: 0px black solid;
      border-right: none;
      -webkit-margin-before: 0em;
      -webkit-margin-after: 0em;
      -webkit-margin-start: 0;
      -webkit-margin-end: 0;
      position: absolute;
      top: -17px;
      content: "{";
      font-size: 62px;
      left: -14px;
      font-weight: 100;
      font-family: Helvetica;
}

div[pwise][four]::before{
  display: block;
      height: 100%;
      left: 0px;
      width: 10px;
      font-weight: 100;
      border: 0px black solid;
      border-right: none;
      -webkit-margin-before: 0em;
      -webkit-margin-after: 0em;
      -webkit-margin-start: 0;
      -webkit-margin-end: 0;
      position: absolute;
      top: -17px;
      content: "{";
      font-size: 102px;
      left: -14px;
      font-weight: 100;
      font-family: Helvetica;
}

div[pwise][five]::before{
  display: block;
      height: 100%;
      left: 0px;
      width: 10px;
      font-weight: 100;
      border: 0px black solid;
      border-right: none;
      -webkit-margin-before: 0em;
      -webkit-margin-after: 0em;
      -webkit-margin-start: 0;
      -webkit-margin-end: 0;
      position: absolute;
      top: -17px;
      content: "{";
      font-size: 122px;
      left: -14px;
      font-weight: 100;
      font-family: Helvetica;
}

div[pwise]::after{
  display: block;
      height: 3px;
      background-color: transparent;
      width: 10px;
      font-weight: 100;
      border: 0px black solid;
      border-left: none;
      -webkit-margin-before: 0em;
      -webkit-margin-after: 0em;
      -webkit-margin-start: 0;
      -webkit-margin-end: 0;
      position: absolute;
      top: 44%;
      content: "";
      left: -7px;
}

div[equation].white div[pwise]::before{
  border: 3px white solid;
  border-right: none;

}

div[equation].white div[pwise]::after{
  border: 0px white solid;
  border-left: none;

}


div[pwise]> b{
  min-width:25px;
  height: 100%;
  display:inline-block;
  float:left;
  font-weight:300;
  text-align: center;
    font-style: italic;
    margin-left:10px;
}

div[pwise] > b > a{
  clear: both;
      min-width: 100%;
      text-align: center;
      display: block;
      height: 25px;
      width: auto;
      padding-left: 8px;
      padding-right: 8px;
      box-sizing: border-box;
}

div[pwise] > b + b > a{
  text-align:left;
  padding-left:16px;
}

div[pwise] > b > hr{
  width: auto;
  clear: both;
  text-align: center;
  display: block;
  min-width: 25px;
  height: 1px;
  display: inline-block;
  float: none;
  display: block;
  top: -12px;
  margin-top: 0px;
  margin-bottom: 6px;
}

div[venn]  > div > span{
position: absolute;
    top: 26px;
    width: 100%;
    text-align: center;
    font-size: .8em;
    z-index: 100;
    background-color:transparent !important;
  }


  div[venn]  > div[shaded] > span{
  position: absolute;
      top: 26px;
      width: 100%;
      text-align: center;
      font-size: .8em;
      z-index: 100;
      color:white;
      background-color:transparent !important;
    }

    div[equation] b[floor]{
      font-weight: normal;
      float:none;
    }


    div[equation] b[defined]{
      font-weight: normal;
      float:none;
    }

    div[equation] b[defined] > i{
      font-weight: normal;
      float:none;
      font-style:normal;
      font-family: "Lato";
      color:#94A6CE;
      font-size:13px;
}


    div[equation] b[floor]:before{
      content: "\230A";
      font-style:normal;
    }

    div[equation] b[floor]:after{
      content: "\230B";
      font-style:normal;

    }

    div[equation] b[brackets]{
      font-weight: normal;
      float:none;
    }

    div[equation] b[brackets]:before{
      content: "[";
      font-style:normal;
    }

    div[equation] b[brackets]:after{
      content: "]";
      font-style:normal;

    }


    div[equation] b[ceiling]{
      font-weight: normal;
      float:none;
    }

    div[equation] b[ceiling]:before{
      content: "\2308";
      font-style:normal;

    }

    div[equation] b[ceiling]:after{
      content: "\2309";
      font-style:normal;

    }

    div[equation] b[nearest]{
      font-weight: normal;
      float:none;
    }

    div[equation] b[nearest]:before{
      content: "\230A";
      font-style:normal;

    }

    div[equation] b[nearest]:after{
      content: "\2309";
      font-style:normal;

    }



    div[equation] b[absolute]{
      font-weight: normal;
      float:none;
    }
    div[equation] b[absolute]:before{
      content: "\007C";
      font-style:normal;
    }
    div[equation] b[absolute]:after{
      content: "\007C";
      font-style:normal;
    }

    div[equation] b[norm]{
      font-weight: normal;
      float:none;
    }
    div[equation] b[norm]:before{
      content: "\2016";
      font-style:normal;
    }
    div[equation] b[norm]:after{
      content: "\2016";
      font-style:normal;
    }

        div[equation] b[fractional]{
          font-weight: normal;
          float:none;
        }

        div[equation] b[fractional]:before{
          content: "{";
          font-style:normal;

        }

        span[static]{
          font-style:normal;
          float:none;
        }

        div[equation] b[fractional]:after{
          content: "}";
          font-style:normal;

        }

        sub[phase] > span{
          font-style:italic;
          float:none;
        }
  div[tocomplete]:before{
    color: blue;
  }