#projects, #service{
    padding-top:30vh;
    margin-top:-30vh;
}
body, .bg-darkgray {
    background-color: rgb(73, 73, 73);
    color:white;
}
.bg-goldenrod{
    color:black;
    background-color: rgb(255, 188, 19);
}
li.list-group-item:hover{
    animation: expand-list-group 0.5s ease;
    animation-fill-mode:forwards;
}
@keyframes expand-list-group{
    0%{
        transform:scale(1);
    }
    100%{
        transform:scale3d(1.01,1.05,1.05);
        border-radius:6px;
    }
}
.bg-silver{
    color:black;
    background-color:  white;
}
.rounded-logo{
    border-radius:50%;
}
.rounded-logo:hover{
    animation: animatelogo 0.75s ease-in-out;
} 
div.shadow-sm a:link{
    color:white;
    text-decoration:none;
}
@keyframes animatelogo {
    0%{
        transform: rotate(0deg) rotateY(0deg);
    }
    100%{
        transform: rotate(360deg) rotateY(360deg);
    } 
}
#projects-thing > p,#services-thing > p, #navbar-brand > p{
    display:inline-flex;
    margin:0;
    padding:0;
}   
#projects-thing:hover > p:nth-child(even), #services-thing:hover > p:nth-child(even), #navbar-brand:hover > p:nth-child(even){
    animation: flippy-letters-x 0.5s linear; 
}
@keyframes flippy-letters-x{
    0%{
        transform: rotateX(0deg);
    }
    100%{
        transform: rotateX(360deg);
    }
}
#projects-thing:hover> p:nth-child(odd), #services-thing:hover p:nth-child(odd), #navbar-brand:hover p:nth-child(odd){
    animation: flippy-letters-y 0.5s linear;
}
@keyframes flippy-letters-y{
    0%{
        transform: rotateY(0deg);
    }
    100%{
        transform: rotateY(360deg);
    }
}