img {
    width: 90%;
    margin: 0 5%;
}

[data-class] {
    margin: 2px;
    padding: 5px;
    margin: 2%;
}


[data-class="date"] {
    background-color: yellow;
}

[data-class="place"] {
    background-color: lightskyblue;
}

[data-class="accomodation"] {
    background-color: lightgoldenrodyellow;
}

.record-header {
    position: relative;
    font-weight: bold;

    .id {
        position: absolute;
        font-size: small;
        font-weight: normal;
        top: 0;
        right: 0;
    }
}

.record-details {
    font-weight: normal;
}