div#menus {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

div#menus>a {
    text-decoration: none;
    color: inherit;

    height: 30dvh;
    border-radius: 1rem;

    background-position: center;
    background-size: cover;

    padding: 1rem;
}

div#menus>a>div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

div#menus .upper,
div#menus .lower {
    padding: .5rem;
    width: fit-content;
    background-color: rgba(255, 255, 255, 0.65);
    border-radius: .5rem;
    backdrop-filter: blur(5px);
    font-size: 1.25rem;
}