body{
    background-color: #0F222D;
}
.logo{
    width:min(70vw,500px);
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
}
.loupe{
    margin-left:0.7vw;
    margin-right:0.5vw;
    margin-top: 0.55vh;
    width:2vh;
    height: 2vh;
}

.croix{
    margin-left:0.2vw;
    margin-right: 0.5vw;
    margin-top: 0.55vh;
    width:2vh;
    height: 2vh;
}

.recherche{
    background-color: #ebe7d9;
    border-radius: 10px;
    width:fit-content;
}
.barre{
    vertical-align: 2.9px;
    margin-left:1px;
    width:min(43.5vw,400px);
    background-color: #ebe7d9;
    color:#0F222D;
    outline:none;
    border:none;
}

.barre:focus{
    outline:none;
    border:none;
}