a.city.title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    margin: 5% 5%;
    padding: 0% 2.0%;

    /* border-left: 2px solid greenyellow; */
    border-left: 2px solid var(--evont-pink);
}

a.city.title > p.name {
    font-size: 5.0vw;
    font-weight: 900;
    text-transform: uppercase;

    /* color: var(--evont-pink); */
    color: #000;
    transition: transform 0.2s ease-in-out;
}

a.city.title > i.fas {
    color: #000;
    transition: all 0.1s ease-in;
}

a.city.title:active > p.name {
    transform: scale(0.9);
    transition: transform 0.1s ease-in;
}

a.city.title:active > i {
    color: var(--evont-pink);
    /* letter-spacing: 5px; */
    transition: color 0.1s ease-in;
}