.homepage-card {
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
    color: rgb(255, 255, 255);
    transition: all 0.5s;
    box-shadow: 0px 0px 20px 3px #242424;
    margin-top: 10px;
    margin-bottom: 10px;
}

.homepage-card:hover {
    transform:scale(1.02);
    transition: all 0.2s;
    filter: contrast(125%);
}

.homepage-card--red {
    background: red;
}

.homepage-card--green {
    background: #25b50e!important;
}

.homepage-card--orange {
    background: #ffc107!important;
}

.homepage-card--blue {
    background: #0082ff!important;
}

.homepage-card p {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
}

.homepage-card svg {
    width: 40px;
    height: 70px;
}

body {
    background: rgb(76, 76, 76);
}