@import url("config.css");

.fixture{
    display: flex;
    justify-content: center;
    flex-direction: column;
    /*background-color: var(--mainGrey);*/
    margin-top: 10px;
    border: 1px solid var(--primeGreen);
}

.fixture a{
    text-align: center;
    text-decoration: none;
    padding: 5px;
}

.fixture a:hover{
    border: 1px solid var(--primeBlue);
}

.fixture-teams{
    padding-top: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.home-team, .away-team{
    display: flex;
    align-items: center;
    max-width: 50%;
}

.away-score, .home-score{
    padding: 5px;
    font-weight: bolder;
    border: 1px solid var(--primeBlue);
}

.away-score{
    left: 0;
}

.home-score{
    float: right;
}