.navbar {
    background-color: #adc9e6 !important; 
    padding: 20px;
  }
  .navbar .nav-link {
    color: white !important;
    font-size: 20px;
    font-family: 'Times New Roman', Times, serif;
  }
  .navbar-brand{
    font-weight: bold;
    text-transform: uppercase;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 22px;
    color:rgb(114, 45, 45) !important;
  }
 .carousel.slide.carousel-fade {
    width: 100vw;
    height: auto;
    margin: 0 auto;
    font-weight: bold;
}
  .carousel-caption h1 {
    font-size: 60px;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
  }
  .carousel-caption p {
    font-size: 25px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
  }
    .btn-outline-primary {
        border-color: rgb(248, 244, 244);
        color: rgb(250, 250, 250);
        font-size: 18px;
        font-weight: bold;
        margin: 5px;
    }
    .btn-outline-primary:hover {
        background-color: rgb(248, 244, 244);
        color: #007bff;
    }
    .btn-tech {
        background-color: #007bff;
        color: white;
        font-size: 18px;
        margin: 5px;
    }
    .btn-tech:hover {
        background-color: #0056b3;
        color: white;
    }
    .btn-dev {
        background-color: #28a745;
        color: white;
        font-size: 18px;
        margin: 5px;
    }
    .btn-dev:hover {
        background-color: #1e7e34;
        color: white;
    }
    .btn-fun {
        background-color: #ffc107;
        color: white;
        font-size: 18px;
        margin: 5px;
    }
    .btn-fun:hover {
        background-color: #e0a800;
        color: white;
    }
    footer{
        background-color: #000000;
        padding: 20px;
        text-align: center;
        color: white;
        font-size: 18px;
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    }