@font-face {
    font-family: mitre;
    src: url(mitre/LincolnMITRE-LM5x7.otf);
}

body{
    margin: 0 auto;
    font-family: mitre;
    background-color: whitesmoke;
}

#titre{
    display: block;
    position: fixed;
    font-size: 19vw;
    text-align: center;
    top: -2vw;
    width: 100%;
    margin: 0 auto;
    color: rgb(201, 201, 201);
    z-index: -1;
    line-height: 1;
}

.gallery{
    display: grid;
    margin: 20px;
    margin-top: 10vw;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
}

img{
    display: block;
     max-width: 100%;
    width: auto;
    margin: 0 auto;
    height: auto;
}

.element{
    padding: 10vh 0 ;
    display: block;
    max-width: 100%;
    cursor: pointer;
    max-height: 95vh;
    margin: 0 auto;
    
}

.element input{
    margin: 30px auto 0 auto;
    width: 20px;
    height: 20px;
    border: 1px solid black;
    display: block;
}



.element.selected  img{
     filter: invert(1);
}

#send{
    display: block;
    position: fixed;
    bottom: 30px;
    font-weight: bolder;
    padding: 10px;
    font-size: 20px;
    left: 50%;
    border-radius: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: 0;
    border: 1px solid black;
    transform: translate(-50%, 0);
}