/*-- scss:defaults --*/
// Base document colors
$body-bg: #181818;
$body-color: white;
$link-color: #75AADB;



/*-- scss:rules --*/

body {
  counter-reset: theorem;
  counter-reset: definition;
}
div.theorem {
    display: block;
    margin: 12px 0;
    font-style: normal;
    border-left: 3px solid rgb(77,169,197);
    padding-left: 10px;
    background-color: rgb(242, 242, 242);
}
div.theorem::before {
  counter-increment: theorem; 
  content: "Theorem  \2014 "; 
  font-weight: bold;
  font-style: normal;
}
div.theorem[data-attribution]::before {
  content: "Theorem  (" attr(data-attribution) ")  \2014 ";
  font-weight: bold;
  font-style: normal;
}

div.definition {
    display: block;
    margin: 12px 0;
    font-style: normal;
    border-left: 4px solid rgb(77,169,197);
    padding-left: 10px;
}
div.definition::before {
  counter-increment: definition; 
  content: "Definition  \2014 "; 
  font-weight: bold;
  font-style: normal;
}
div.definition[data-entity]::before {
  counter-increment: definition; 
  content: "Definition  \2014  " attr(data-entity);
  font-weight: bold;
  font-style: normal;
}

div.remember {
    display: block;
    margin: 12px 0;
    font-style: normal;
    border-left: 4px solid rgb(77,169,197);
    padding-left: 10px;
}
div.remember::before {
  counter-increment: definition; 
  content: "Remember  \2014 "; 
  font-weight: bold;
  font-style: normal;
}
div.remember[data-entity]::before {
  counter-increment: definition; 
  content: "Remember  \2014  " attr(data-entity);
  font-weight: bold;
  font-style: normal;
}

p.idea {
    display: block;
    margin: 12px 0;
    font-style: normal;
    border-left: 5px solid rgb(77,169,197);
    padding-left: 10px;
}
p.idea::before {
  content: "Idea \2014 "; 
  font-weight: bold;
  font-style: normal;
}
p.idea[entity]::before {
  content: "Idea (" attr(entity) ")  \2014 ";
  font-weight: bold;
  font-style: normal;
}

div.rem {
    display: block;
    margin: 12px 0;
    font-style: normal;
    border-left: 5px solid rgb(77,169,197);
    padding-left: 10px;
}
div.rem::before {
  content: "Remark \2014 "; 
  font-weight: bold;
  font-style: normal;
}
div.rem[entity]::before {
  content: "Remark (" attr(entity) ")  \2014 ";
  font-weight: bold;
  font-style: normal;
}

div.proposition {
    display: block;
    margin: 12px 0;
    font-style: normal;
    border-left: 5px solid rgb(77,169,197);
    padding-left: 10px;
}
div.proposition::before {
  content: "Proposition \2014 "; 
  font-weight: bold;
  font-style: normal;
}
div.proposition[entity]::before {
  content: "Proposition (" attr(entity) ")  \2014 ";
  font-weight: bold;
  font-style: normal;
}

div.lemma {
    display: block;
    margin: 12px 0;
    font-style: normal;
    border-left: 5px solid rgb(77,169,197);
    padding-left: 10px;
}
div.lemma::before {
  content: "Lema \2014 "; 
  font-weight: bold;
  font-style: normal;
}
div.lemma[entity]::before {
  content: "Lemma (" attr(entity) ")  \2014 ";
  font-weight: bold;
  font-style: normal;
}

p.question {
    display: block;
    margin: 12px 0;
    font-style: normal;
    border-left: 5px solid rgb(77,169,197);
    padding-left: 10px;
}
p.question::before {
  content: "Question \2014 "; 
  font-weight: bold;
  font-style: normal;
}
p.question[entity]::before {
  content: "Question (" attr(entity) ")  \2014 ";
  font-weight: bold;
  font-style: normal;
}

div.example {
    display: block;
    margin: 12px 0;
    font-style: normal;
    padding-left: 10px;
    border-left: 1px dashed rgb(77,169,197);
}
div.example::before {
  content: "Example \2014 "; 
  font-weight: bold;
  font-style: normal;
}
div.example[data-entity]::before {
  content: "Example \2014  " attr(data-entity); 
  font-weight: bold;
  font-style: normal;
}


div.exercise {
    display: block;
    margin: 12px 0;
    font-style: normal;
    padding-left: 10px;
    border-left: 5px solid rgb(77,169,197);
    background-color: rgb(207, 229, 255);
}
div.exercise::before {
  content: "Exercise \2014 "; 
  font-weight: bold;
  font-style: normal;
}
div.exercise[data-entity]::before {
  content: "Exercise \2014  " attr(data-entity); 
  font-weight: bold;
  font-style: normal;
}