/*
! TODO: STYLING BOOTSTRAP CLASSES
*/

main, header {
    font-family: 'Courier New', Courier, monospace, Arial, sans-serif;
    font-size: large;
}

.navbar {
    background-color: #344e41;
}

.navbar a{
    color: #DAD7CD;
}

.navbar a:hover {
    color: #d0f0c0c7;
}

.introduction {
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.83)), url("/personal-portfolio/assets/img/intro-background.jpg");
    background-size: 100%;
    padding: 12%;
    color: rgb(255, 255, 255);
}

.about-img {
    /* modify the image */
    image-rendering: optimizeQuality;
    border: 0.5rem double #DAD7CD;
    height: 100%;
    width: 100%;
}

.icon-link {
    text-decoration: none;
    transition: 0.5s;
}

.icon-link:hover {
    transform: scale(1.15);
    transition: 0.5s;
}

#authorImage {
    position: relative;
    border: 2px black solid;
    border-radius: 50%;
    bottom: 15px;
}

.footer {
    background-color: #344e41;
    transition: 0.5s;
}

.accordion-button[aria-expanded="true"] {
    background-color: #344e41;
    color: #DAD7CD;
}