@charset "UTF-8";
img.left {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px; }

span#bulb {
  background: center no-repeat url("/assets/images/cfl-off.svg");
  min-height: 24px;
  min-width: 15px;
  display: inline-block;
  transform: rotate(90) scale(1.5); }

span#bulb:hover {
  background: center no-repeat url("/assets/images/cfl-on.svg"); }

blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic; }

blockquote p {
  border-left: solid #ccc;
  padding-left: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  white-space: pre-wrap; }

.poem {
  border-left: solid #ccc;
  padding-left: 10px; }

.poem p {
  margin: 0 auto; }

.vcenter {
  position: relative;
  top: 50%;
  transform: translateY(50%); }

div.card {
  margin-bottom: 1rem; }

div.card-bottom {
  padding-bottom: .25rem; }

input + span {
  padding-right: 30px; }

input:invalid + span:after {
  padding-left: 5px;
  position: absolute;
  content: '✖'; }

input:valid + span {
  padding-left: 5px;
  position: absolute;
  content: '✓'; }

dl {
  border-left: 10px solid #ccc;
  margin-left: 10px;
  padding-left: 10px; }

div.theorem {
  border-left: 10px solid #ccc;
  margin-left: 10px;
  padding-left: 10px; }

/*
@media (min-width: 1024px) {
.card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

}

@media (max-width: 1024px) and (min-width: 576px) {
.card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
*/