@import url('theme.css');

.HomeSectionButton {
    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;
}

.HomeSectionButton:hover {
    transform: scale(1.05);
}

.ExternalLinkContainer {
    display: flex;
    align-items: center;
}

.ExternalLink {
    margin-left: 5px;
    font-size: 20px;
    color: inherit;
}

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

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

#HomeButtonGames { background-color: var(--games); }
#HomeButtonGames:hover { background-color: var(--games-hover); }

#HomeButtonDocs { background-color: var(--docs); }
#HomeButtonDocs:hover { background-color: var(--docs-hover); }

#HomeButtonLogIn { background-color: var(--login); }
#HomeButtonLogIn:hover { background-color: var(--login-hover); }

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

#HomeCard {
    background: var(--card-bg);
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 4px 10px var(--shadow);
    display: inline-block;
}

#ExternalLinks {
    align-items: center;
    display: inline-block;
}