@import url("env.css");

.Home-Button {
    display: inline-block;
    padding: 12px 20px;
    margin: 20px 5px 0px 5px;
    color: var(--white-text);
    border-radius: 6px;
    font-size: 25px;
    box-shadow: 0 4px 10px var(--shadow);
    min-width: 120px;
    min-height: 75px;
    transition: transform 0.2s ease;
}

.Home-Button:hover {
    transform: scale(1.05);
}

#Portfolio-Button {
    background-color: var(--portfolio);
}

#Portfolio-Button:hover {
    background-color: var(--portfolio-hover);
}

#CV-Button {
    background-color: var(--cv);
}

#CV-Button:hover {
    background-color: var(--cv-hover);
}

#Admin-Button {
    background-color: var(--admin);
}

#Admin-Button:hover {
    background-color: var(--admin-hover);
}

#Jellyfin-Button {
    background-color: var(--jellyfin);
}

#Jellyfin-Button:hover {
    background-color: var(--jellyfin-hover);
}

#Gitea-Button {
    background-color: var(--gitea);
}

#Gitea-Button:hover {
    background-color: var(--gitea-hover);
}