@import url("https://fonts.googleapis.com/css2?family=Bagel+Fat+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;800&display=swap");
body {
  background-image: linear-gradient(to right, #2c3e50, #4ca1af);
  font-family: "Nunito", sans-serif;
}
h1 {
  color: white;
  font-family: "Bagel Fat One", sans-serif;
  font-size: 4rem;
  text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.3);
}
h2,
h3,
h4,
h5 {
  font-weight: bold;
}
nav {
  background-color: #243b55;
}
.card {
  /* width: 18rem; */
}
.card-img-top {
  background-repeat: no-repeat;
  background-size: cover;
  height: 18rem;
}

/* ---- grid ---- */

.grid {
  background: transparent;
}

/* clear fix */
.grid:after {
  content: "";
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

/* fluid 5 columns */
.grid-sizer,
.grid-item {
  padding: 0.25rem;
  width: 33%;
}
/* 2 columns */
.grid-item--width2 {
  width: 66%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  width: 100%;
}
.carousel-caption {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}
.table th, .table td {
  padding: 1rem;
  text-align: left;
}