:root {
    --first-color: #125272;
    --light-text-color: #f8f9fa;
    --teal-color: #007F99;
    --size-text: 1rem;
    --text-color: #333;
    --background-color: whitesmoke;
}
*{
    font: var(--size-text)/1.42 'Georgia', Verdana, Arial, sans-serif;
    color: var(--text-color);
}
h1 {
    padding: 6rem 0 3rem 0;
    text-align: center;
}

h2 {
    padding: 1rem 0 1.5rem 0;
    text-align: center;
}
h3 {
    padding: 1rem 0 0.5rem 0;
    text-align: center;
    
}
section, footer {
    padding: 2.5rem 0 2.5rem 0;
}
a {
    color: #555555;
    text-decoration: none;
}
a:hover {
    color: #003366;
}
.navbar {
    letter-spacing: 3px;
    opacity: 0.9;
    }
.imgCV {
    float: right;
    width: auto;
    max-height: 50px;
    }
/*CV*/
h4 {
    padding: 0.5rem;
}
h5 {
    font-weight: bold;
}
.cv-card {
    padding: 1rem;
    margin: 0.2rem;
}
.text-teal, .text-teal strong, .hover-text-teal:hover {
    color: var(--teal-color);
}
.badge-teal, .hover-teal:hover {
    color: var(--light-text-color);
    background-color: var(--teal-color);
    border-radius: 50rem !important;
}
/*CV*/
.primary-bg {
    background-color: var(--background-color);
}
.secondary-bg, #projet:not(.modal *) {
    background-color: var(--first-color);
}
.secondary-bg h1, 
.secondary-bg h2, 
.secondary-bg h3 {
    color: var(--light-text-color);
    text-align: center;
}
.light-txt, .light-txt strong {
    color: var(--light-text-color);
}