#croco_menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
#croco_menu > span {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.croco_direction
{
    padding:.5em;
    padding-left:1em;
    padding-right:1em;
    background-color: #55249d;
    color:#9287ad;
    border-radius: 0.7em;
    font-size: 1.5em;
    font-weight: bolder;
}

.croco_direction:hover
{
    background-color: #9287ad;
    color:#55249d
}

.croco_direction:active
{
    background-color: #100135;
    color:#603db9;
}

.croco_direction:focus
{
    padding:.4em;
    border: .1em solid #000000;
}

.croco_direction:visited
{
    color:#100135;
}