.corner {
    margin: 16px;
    display: inline-block;
    padding: 16px;
    border-radius:20px;
    background-color: #6876ba;
    font-size: xx-large;
    color: white;
}

.circle {
    margin: 16px;
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius:50px;
    background-color: #6876ba;
    font-size: xx-large;
    color: white;
}

.trip {
    margin: 16px;
    display: inline-block;
    padding: 16px;
    padding-left: 64px;
    padding-right: 64px;
    background-color: #6876ba;
    font-size: xx-large;
    color: white;
    transform: skew(30deg, 20deg);
}