.preview-mobile {
    display: none;
}

.preview-img {
    border-radius: 8px;
    width: 100%;
    max-height: 500px;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;

    animation: .3s ease-out 0s 1 slideInFromLeft;
    transition: 1s;
}

.btn-project {
    margin-bottom: 1em;

    color: black;
    font-weight: 700;
    font-size: 1.2em;

    border-radius: 8px;
    background-color: grey;
    padding: 1.2em 2em;

    cursor: pointer;
}

.btn-project:hover {
    background-color: white;
}

#preview-box {
    cursor: pointer;
}

.techno {
    font-weight: 600 !important;
    color: rgb(13, 13, 13) !important;
    width: min-content;
    margin: .5em .2em !important;
    padding: 0.2em 1em !important;
    border-radius: 20px !important;
}

#informationContainer {
    align-items: center;
}


@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 100;
    }
}


@media screen and (max-width:990px) {
    .projet-block {
        margin: 1em 0em;
        min-width: 100vw;
        scroll-snap-align: center;
    }

    .btn-project {
        padding: 0.5em 2em;
        margin: 0.5em 0em;
        background-color: white;
    }

    .preview-mobile {
        width: 100%;
        border-radius: 12px;
        display: block;
        aspect-ratio: 16/9;
        object-fit: cover;
    }

    .preview-img {
        display: none;
    }

    #projets-row {
        display: flex;
        scroll-snap-type: x mandatory;
        overflow: auto;
    }

    #techno-box {
        display: none;
    }
}

@media screen and (min-width:1000px) {
    #mes-projets-section h2 {
        margin-bottom: 4em !important;
    }

    .mobile {
        display: none;
    }

    .row-balises {
        display: none;
    }
}