#wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.milestone {
    width: 40%;
    box-sizing: border-box;
    margin: 16px;
    padding: 16px;
    border-radius: 10px;
}

.milestone.purple {
    background-color: #b593c5;
}

.milestone.grey {
    background-color: #bdb5b2;
    border: 6px solid #bdb5b2;
}

.milestone.salmon {
    background-color: #f7a48c;
    border: 6px solid #f7a48c;

}

.milestone.light-green {
    background-color: #9ecd8e;
    border: 6px solid #9ecd8e;

}

.milestone.dark-green {
    background-color: #8fab5f;
    border: 6px solid #8fab5f;

}

.milestone.blue {
    background-color: #8bc3ca;
    border: 6px solid #8bc3ca;

}

.owned {
    border: 6px solid red !important;
}

.taken {
    background-color: #333 !important;
    border: 6px solid #333 !important;

}