@media screen 
   and (min-device-width: 450px)  
   { 
    .interface
    {
        font-size: 5vh;
        border-bottom: solid black 8px;
    }

}

@media screen 
  and (max-device-width: 449px)   { 
    .interface
    {
        font-size: 3vh;
        border-bottom: solid black 15px;
    }
}


.interface {
    display: flex;
    font-family: 'bold';
    justify-content: center;
    align-items: center;
    width : 100%;
    flex : 0 0 10%;
    max-height: 6vh;
    z-index: 1  ;
    
}

.interface--underline {
    border-bottom: solid 4px;
}

.interface a {
    text-decoration: none;
    color : black;
}

#arrow_interface {
    width: 12%;
    transform: scaleX(-1);
}