#title
{
    font-size: 1.75em;
    font-weight: bold;
    color: var(--main-colour);
    margin-left: 3em;
    margin-right: 5em;
    margin-top: 2em;
}

.details-block
{
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    grid-template-rows: 1fr;
    border: 1px solid var(--main-colour);
    width: 80%;
    margin-left: 5em;
    margin-top: 3em;
    margin-right: 5em;
    margin-bottom: 5em;
    padding: 1.5em;
    background-color: #FFFFFF;
}

.travent
{
    margin-left: 1em;
    margin-top: 1.5em;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0.25fr 0.15fr auto;
}

.travent-title
{
    font-size: 1.25em;
    font-weight: bold;
}

.time
{
    font-weight: bold;
    color: var(--main-colour);
}

.date
{
    display: flex;
    flex-direction: column;
}

.month
{
    font-size: 2em;
    font-weight: bold;
    align-self: center;
}

.day
{
    font-size: 7.5em;
    align-self: center;
}

.year
{
    font-size: 2em;
    align-self: center;
}