h2{
    text-align: center;
    margin-top: 50px!important; 
    margin-bottom: 60px!important; 
}
h4{
    margin-bottom: 20px !important;
}
h5{
    text-align: center;
    margin-top: 20px!important; 
    margin-bottom: 20px!important; 
}

footer svg{
    width: 70px;
    height: 40px;
    filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));
}

footer{
    border-top: solid black 2px;
    margin-top:100px; 
    width: 100%;
}
footer a {
    color: white;
}
nav{
    margin-bottom: 50px;
}

.accordion-header {
    background-color: black !important;
    color: white !important;
}
nav{
    background-color: black;
}

a:hover{
    color: blue;
}

.card-text{
   
 margin-top: 20px !important;
 margin-bottom: 20px !important;
}


.figure img{
    max-width: 300px!important; 
    max-height: 300px!important;
}


.accordion-item:hover {
    background-color: #333 !important; 
    transition: background-color 1.5s ease;
}


.accordion-item:hover .accordion-button {
    background-color: #555 !important; 
    color: #fff !important; 
    transition: background-color 1.5s ease, color 2s ease;
}

figure{
    margin-bottom: 50px;
}

.btn-floating.btn-lg svg {
    transition: fill 0.6s ease; 
}

.btn-floating.btn-lg:hover .bi-linkedin {
    fill: #002f5e;
}

.btn-floating.btn-lg:hover .bi-github {
    fill: #38018b; 
}

@media only screen and (min-width: 600px){
    
    .figure img{
        max-width: 500px!important; 
        max-height: 500px!important;
    }
     
}