#custom-body {
    font-family: 'Sansita Swashed', cursive;
    scroll-padding-top: 0;
}
#custom-body h1, #custom-body h2, #custom-body h3, #custom-body h4, #custom-body h5, #custom-body h6, #custom-body .w3-slim, #custom-body .w3-wid {
    font-family: 'Sansita Swashed', cursive;
}

:root {
    scroll-padding-top: 0 !important;
}

.bg-yellow {
    background-color: #ffcc00;
}
.site-width {
    /* max-width: 1170px; */
    max-width: 970px;
}

.text-mw {
    max-width: 700px;
}

.text-wrapper {
    text-align: justify;
}
.card {
    height: 100%;
}
.card-container .card-item {
    max-width: 480px;
}
.card-container .card-link {
    background-color: white;
    padding-left: 0;
    padding-right: 0;
    margin-right: auto;
    border: none;
    border-bottom: #ffcc00 3px solid;
}
.card-container .card-link:focus, .card-container .card-link:hover  {
    color: #ffcc00;
    background-color: white;
    border-color: #ffcc00;
}

#img-background {
    background-color: white;
    margin-top: -420px;
    margin-left: 120px;
    height: 420px;
}

body .nav-link:focus, body .nav-link:hover {
    color: #ffcc00;
}

body .navbar-toggler:active .navbar-toggler-icon, body .navbar-toggler:focus .navbar-toggler-icon, body .navbar-toggler:hover .navbar-toggler-icon {
filter: sepia(60%) saturate(2878%) hue-rotate(6deg) brightness(98%) contrast(104%);
}

body .btn-primary, body .btn-warning {
    color: #000;
    background-color: #ffcc00;
    border-color: #ffcc00;
}
body a:hover, body a:focus {
    color: #ffcc00;
}

.color-gray {
color: #eee;
}

.swiper {
    max-width: 480px;
    max-height: 480px;
  }

.swiper-button-prev::after, .swiper-button-next::after {
      color:#ffcc00;
}
.swiper .swiper-button-prev::after {
    content: "\27E8";
}
.swiper .swiper-button-next::after {
    content: "\27E9";
}
  .swiper-button-prev, .swiper-button-next {
    background-color: #555;
    opacity: 0.5;
}
.swiper-pagination .swiper-pagination-bullet-active {
    background-color:#ffcc00;
}