.items {
    display: flex;
    gap: 1em;
}

.items a {
    display: flex;
    align-items: center;
    padding: 0.3em 1.3em;
    border-radius: 5px;
    color: white;
    transition-duration: 0.2s;
    background-color: rgba(0,0,0,0.3);
}

.items a:hover {
    transition-duration: 0.2s;
    background-color: rgba(79,79,255,1);
}

/* mobile */
@media(max-aspect-ratio: 4/3) {
    .menu > div {
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .menu {
        padding: 0.5em;
    }
}