@import url("https://fonts.googleapis.com/css2?family=Sofia&display=swap");

body {
  background: #f5f5f5;
  font-weight: 300;
}

a {
  color: #1780be;
  text-decoration: none !important;
}

a:hover {
  color: #e7467e;
  text-decoration: underline !important;
}

span.brand {
  font-family: "Sofia", cursive;
  font-size: 3rem;
  font-style: italic;
}

.blog {
  line-height: 2rem;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.card-title {
letter-spacing: -.07rem;
}

.card:hover {
  box-shadow: 0px 0px 15px 0px rgba(146, 146, 146, 0.15);
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.b-example-divider {
  width: 90%;
  height: 3rem;
  background-color: #0000001a;
  border: solid #ccc;
  border-width: 1px 0;
  box-shadow: inset 0 0.5em 1.5em #0000001a, inset 0 0.125em 0.5em #00000026;
}