.navbar a.active {
  color: red;
}

.boxed {
  border: 1px solid black;
  overflow: hidden;
}
h2.title {
  text-align: center;
}
.cards {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: stretch;
}
.card {
  flex: 0 0 280px;
  margin: 10px;
  padding: 10px;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
  text-align: center;
} 
.card p {
  text-align: left;
}
.card p.lead {
  text-align: center;
}
.card img {
  max-width: 100%;
}
.card .text {
  padding: 0 20px 20px;
}
.card .text > button {
  background: gray;
  border: 0;
  color: white;
  padding: 10px;
  width: 100%;
}

div.signtext {
  -webkit-writing-mode: vertical-lr;
  -moz-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  font-size: 0%;
  border-left: 1px solid blue;
  height: 95%;
}

span.outside {
  border-left: 1px solid blue;
  vertical-align: top;
}

span.middle {
  vertical-align: bottom;
}

span.inside {
  border-left: 1px dashed red;
}

div.sign {
  writing-mode: horizontal-tb;
  display: inline-block;
  vertical-align: middle;
  padding: 20px;
}
div.sign svg {
  overflow: visible !important;
}

div.blinking-cursor svg g text {
    animation: blink 1s ease-out infinite;
}

div.sign.blinking-cursor {
  padding: 0;
  height: 0;
}

@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 1; }
  51% { opacity: 0; }
  100% { opacity: 0; }
}