/* Libraries */
@import url("https://unpkg.com/swiper/swiper-bundle.min.css");
/* @import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css") */

/* Fonts & Icons */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Kalam&display=swap');

main {
  font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', sans-serif;
}
main h1 {
  font-family: 'Kalam', cursive;
  font-weight: bold;
}

/* Sizing */
body {
  padding-top: 80px;
}
.max-w {
  max-width: 1100px;
}

/* Colors */
.nav-link {
  color: #70B2B9 !important;
}
.navbar {
  background-color: #212529;
}
#search {
  background-color: #70B2B9;
}
#social, #social .btn {
  background-color: #99C0D4;
}
#copy {
  background-color: #4B95BA;
}

/* Images */
.hero-image {
  height: 300px;
}
.card img {
  height: 55vh;
  object-fit: cover;
  object-position: center;
}

/* Swiper */
.swiper {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 320px;
  height: 214px;
}

.swiper-slide img {
  display: block;
  width: 100%;
}