html {
    scroll-behavior: smooth;
}  

body {
    padding: 50px;
}

@media (max-width: 768px) {
    body {
        padding: 0;
    }

    .hero-section{
        padding: 50px 20px 0px 20px;
    }
}

 .hero-section {
     margin-bottom: 20px;
 }

 .main-title {
     font-family: 'Montserrat', sans-serif;
     font-weight: 600;
     font-size: 48px;
     line-height: 1.2;
 }

 .lead {
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
     line-height: 1.5;
     color: #666;
 }

 .navbar {
     margin-bottom: 20px;
     font-size: 18px;
 }

 .nav-item {
     margin: 0px 40px 0px 40px;
 }

 .about {
     margin-bottom: 20px;
 }

 #projects {
    padding-bottom: 100px;
 }

 .hover-card {
     transition: transform 0.3s ease-in-out;
     margin-bottom: 20px;
 }

 .hover-card:hover {
     transform: scale(1.05);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 }

 .card img {
    height: 100%;
    cursor: pointer;
 }

 #contact {
    padding-bottom: 50px;
 }

 #contact li {
    font-size: 20px;
    list-style-type: none;
 }

 .footer {
     background-color: #f7f7f7;
     padding: 20px 0;
     margin-top: 20px;
     border-top: 1px solid #ddd;
 }

 .footer ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .footer li {
     display: inline-block;
     margin-right: 20px;
 }

 .footer a {
     color: #337ab7;
     text-decoration: none;
 }

 .footer a:hover {
     color: #23527c;
 }

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(1); 
}

.carousel-control-prev, 
.carousel-control-next {
    width: 10%; 
}

.carousel-control-prev {
    left: -1%; 
}

.carousel-control-next {
    right: -1%; 
}