.grants-page .card {
  margin-top: 20px;
  border-bottom: 1px solid lightgray; }
  .grants-page .card .card-title {
    font-size: 120%;
    font-weight: bold; }
    .grants-page .card .card-title img {
      width: 100px;
      height: 100px; }
  .grants-page .card label {
    font-weight: bold; }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

div.carousel-inner > div.item > div.carousel-caption-s {
  margin: .5em;
  background-color: #530e6a;
  color: #ffffc8;
  font-weight: bold;
  padding: .5em; }

img.blogphoto {
  max-width: 100%;
  max-height: 100%; }

input[type='checkbox'] {
  appearance: auto;
  min-width: 1em;
  min-height: 1em; }

.container {
  background-color: #25131c;
  color: #fff;
  padding: .5em;
  margin: .5em; }

.post {
  background-color: #290505;
  color: #d1d1d1;
  padding: 2.3em;
  border-radius: 2em;
  border: solid #5d7f0ca4 2pt; }

.actiongroup {
  float: right;
  margin: .5em; }

.float-left {
  float: left;
  margin: .5em; }

a {
  color: var(--blue); }

a.close {
  cursor: pointer; }

.grants-page .card {
  margin-top: 20px;
  border-bottom: 1px solid lightgray; }

.grants-page .card .card-title {
  font-size: 120%;
  font-weight: bold; }

.grants-page .card .card-title img {
  width: 100px;
  height: 100px; }

.grants-page .card label {
  font-weight: bold; }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

div.carousel-inner > div.item > div.carousel-caption-s {
  margin: .5em;
  background-color: #530e6a;
  color: #ffffc8;
  font-weight: bold;
  padding: .5em; }

img.blogphoto {
  max-width: 100%;
  max-height: 100%; }

input[type='checkbox'] {
  appearance: auto;
  min-width: 1em;
  min-height: 1em; }

.container {
  background-color: #25131c;
  color: #ccdeff;
  padding: .5em;
  margin: .5em; }

.post {
  background-color: #290505;
  color: #dce1ec;
  padding: .7em;
  border-radius: 2em;
  border: solid #b29e9e 2pt; }
  .post .photo {
    max-height: 100%;
    max-width: 100%; }

.actiongroup {
  float: right;
  margin: .5em; }

.float-left {
  float: left;
  margin: .5em; }

body {
  font: 1rem/1.5 var(--font-family-sans-serif);
  color: #ccdeff;
  background-color: #25131c; }

.card {
  max-height: 20em;
  max-width: 30em;
  display: inline-table; }
  .card .card-photo {
    border: solid 1px #ffffffd4;
    max-height: 15em;
    max-width: 30em; }
  .card .index-post-title {
    display: inline; }