.theorem-title {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.theorem {
  padding: 1em 1em .5em 1em;
  margin: 1em 0;
  border-radius: 4px;
  border-left: 5px solid rgb(229, 254, 4); 
  background-color: rgba(229, 254, 4,.1);
}

.example {
  border-left: 5px solid #2780e3; 
  background-color: rgba(39,128,227,.1);
}

.remark {
  border-left: 5px solid rgb(1, 230, 255); 
  background-color: rgb(1, 230, 255,.1); 
}

.exercise {
  border-left: 5px solid #a214c9; 
  background-color: rgba(162,20,201,.1);
}

.blank-exr {
  border-left: 5px solid #a214c9; 
  background-color: rgba(162,20,201,.1);
  padding: 1em 1em .5em 1em;
  margin: 0em 0;
  border-radius: 4px;
}

.box {
  border-left: 5px solid #a214c9; 
  background-color: rgba(162,20,201,.1);
  padding: 1em 1em .25em 1em;
  margin: 0em 0;
  border-radius: 4px;
}

.definition {
  border-left: 5px solid rgb(238, 104, 0); 
  background-color: rgba(238, 104, 0,.1);
}

.lemma {
  border-left: 5px solid rgb(42, 235, 21); 
  background-color: rgba(42, 235, 21, .1); 
}

.proposition {
  border-left: 5px solid rgb(42, 235, 21); 
  background-color: rgba(42, 235, 21, .1); 
}

.sol {
  border-left: 5px solid #2780e3; 
  background-color: #f8f9fa;
}

.proof {
  font-style: italic;
}