@import url('https://fonts.googleapis.com/css2?family=Adamina&family=Afacad:ital,wght@0,400..700;1,400..700&display=swap');

@media {
    body {
        font-family: Afacad, sans-serif;
        overflow-x: hidden;
    }

    .introrea{
        background-color: #1D3458;
    }

    h1 {
        text-transform: uppercase;
        color: #ffffff;
        font-weight: bolder;
        font-size: clamp(16px, 8vw, 60px);
        text-align: center;
        padding: 2em 1em 1em 1em;
    }

    .highlight {
        color: #1D3458;
        -webkit-text-stroke: 1px #ffffff;
        text-stroke: 1px #ffffff;
    }

    .cv a {
        margin: 10px 15px 15px 15px;
        padding: 5px 15px;
        font-size: clamp(14px, 4vw, 28px);
        background-color: #1D3458;
        /*border: none;*/
        color: #ffffff;
        font-family: Afacad, sans-serif;
        border-radius: 2px;
        border: 1px solid rgba(0, 0, 0, 0.06);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); /* <-- ombre très légère */
        cursor: pointer;
        text-decoration: none;
        transition: box-shadow 150ms ease, transform 150ms ease;
    }

    .cv a:hover {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
        transform: translateY(-1px);
        color: white;
        background-color: #102342;
    }

    .cv2{
        width:100%;
        height:500px;
    }

    .cv{
        padding:  20px 20px 60px 20px;
        text-align: center;
    }

    .cv img{
        width: 100%;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); /* <-- ombre très légère */
        margin-bottom: 20px;
    }
}

@media (min-width: 601px) {
}

/* Pour les grands écrans (desktop) */
@media (min-width: 1025px) {
    .cv{
        padding: 2em 20em 4em 20em;
    }
    .cv2{
        width:100%;
        height:70em;
    }
    .cv img{
        width: 75%;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); /* <-- ombre très légère */
        margin-bottom: 20px;
    }
}