/* body {
      background: #fdf6e3;
      font-family: 'Comic Sans MS', cursive, sans-serif;
    } */

    .carousel-item {
      height: 100vh; /* Full screen height */
      min-height: 400px;
      background: no-repeat center center scroll;
      background-size: cover;
      position: relative;
    }

    .carousel-caption {
      bottom: 20%;
    }

    .carousel-caption h2 {
      font-size: 2.5rem;
      font-weight: bold;
      color: #2c3e50;
      background: rgba(255,255,255,0.7);
      /* display: inline-block; */
      padding: 10px 20px;
      border-radius: 10px;
    }

    .carousel-caption p {
      font-size: 1.2rem;
      color: #34495e;
      background: rgba(255,255,255,0.6);
      /* display: inline-block; */
      padding: 10px 20px;
      border-radius: 10px;
    }

    .btn-custom {
      margin: 5px;
      border-radius: 25px;
      padding: 10px 20px;
      font-weight: bold;
    }

    .btn-learn {
      background-color: #ff6f61;
      color: #fff;
    }

    .btn-join {
      background-color: #1da1f2;
      color: #fff;
    }

    .btn-learn:hover, .btn-join:hover {
      opacity: 0.8;
    }