.onion {
    grid-area: onion;
    background-color: rgb(249, 243, 243);
    font-family: MedodicaRegular, monospace;
}

a.project#onion {
    grid-template-columns: 100%;
    padding-left: 0vw;
    background-color: rgb(249, 243, 243);
    font-family: MedodicaRegular, monospace;
    color: black;
    border-color: black;
    & >span {
        text-align: center;
        user-select: none;
        color: black;
        font-size: 18cqw;
    }
}

.top-info:hover ~ .decoration {
    transform: translateY(0%);
    opacity: 1;
}

.onion .decoration {
    transform: translateY(25%);
    transition: transform 0.4s ease;
}