body {
    background-color: #fafafa;
    scroll-behavior: smooth;
}

.navbar{
    background-color: #fafafa;
    box-shadow: none;
    outline: none;
    border: none;
}

.navbar-link,
.nav-link {
    font-family: neue-kabel-book, sans-serif; /* Apply the Adobe Fonts Book style */
    color: black; /* Set the color to black */
    text-decoration: none; /* Remove underline */
    transition: font-family 0.3s, font-size 0.3s;
    font-size: 16px;
    padding: 0 15px;
}

.navbar-link:hover,
.nav-link:hover {
    font-family: neue-kabel-bold, sans-serif; /* Change the font to bold when hovering */
    font-size: 18px;
}

#contactNavLink{
    padding-right: 25px;
}

.section{
    height: 100vh;
}

/*
#aboutSection{
    height: 95vh;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 0;
}

#aboutPhotos{
    height: 75vh;
    padding-right: 0;
    margin-right: 0;

}
*/

.aboutPhotoSections{
    max-width: 35%;
    cursor: pointer;
}

h2{
    font-family: "bebas-neue", sans-serif;
    color: #303030
}

h4{
    color: #808080;
    font-family: neue-kabel-bold, sans-serif;
}

#technicalWriting{
    padding-left: 0;
}


.btn-light {
    margin-top: 20px;
    border-radius: 50%; /* Make it round */
    width: 60px; /* Set a fixed width */
    height: 60px; /* Set a fixed height */
    font-size: 32px; /* Adjust font size as needed */
    border: 1px solid black; /* Add a border */
    background-color: transparent;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    transition: box-shadow 0.3s;
}



.btn-light:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); /* Increase box shadow on hover */
    background-color: transparent;
}

.btn-light:hover i {
    transform: scale(1.2); /* Increase icon size on hover */
}

#workDetails{
      /*
    margin-top: -50px;
    padding-top: 50px;
      */
    margin-top: 25px;
    min-height: 83vh;

}

.aboutProfile{
    font-family: neue-kabel-ExtraBold, sans-serif;
    color: #808080;
}    

ul {
    list-style-type: none;
}

.technicalDetails{
    color: #808080;
    font-family: neue-kabel-bold, sans-serif;
}

.accordion-button:not(.collapsed) {
    background-color: #d2e3e0;
}

.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem #ddeeeb;
}

.accordion-button::after {
    color: #303030;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}


@media(max-width: 992px){   /*Medium devices tablets, landscape mode*/

    .aboutPhotoSections{
        max-width: 55%;
    }
    

    #contactInfo{
        margin-top: 25px;
    }

    .navbar-nav{
        padding-top: 1.5rem;
    }
}

@media(max-width: 576px) { /* Extra small devices phones */

    #technicalColumn{
        padding-bottom: 50px;
    }

    .navbar-nav{
        padding-top: 1.5rem;
    }

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0px;
    }

}