﻿#logo {
    max-width:300px;
    display:block;
    margin:1rem auto
}
.content-app {
    width: 250px;
    text-align: center;
    cursor: pointer;
    transition: 0.5s;
    margin: 15px;
}
    .content-app .cadre {
        box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
        margin-bottom: 10px;
        padding: 28px 10px;
        text-align: center;
        border-radius: 1.5rem;
        transition: 0.5s;
        background: rgb(255 255 255 / 15%);
        /* -webkit-backdrop-filter: blur(10px); */
        /* backdrop-filter: blur(10px); */
    }
    .content-app:hover{
        transform:translateY(10px)
    }
.cadre img {
    width:80%;
    margin-bottom: 1rem;
    border-bottom: 2px solid;
    padding-bottom: 1rem;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid rgba(0,0,0,.1);
    width: 50%;
}