@font-face {
    font-family : centuryGothic;
    src: url(./fonts/CenturyGothicStd.otf);
}

@font-face {
    font-family : GothamBlack;
    src: url(./fonts/Gotham-Black.ttf);
}

@font-face {
    font-family : ITC;
    src: url(./fonts/ITCAvantGardeStd-Bold.otf);
}

#records {
    margin-top: 10px;
}

.record {
    margin-bottom: 20px;
    margin-top: 5px;
    padding : 30px;
    border-width: 1px;
    border-style: none;
    box-shadow: 5px 5px 5px grey;
    border-radius : 21px;
    text-align: center;
    font: 16px ITC;
    max-width: 600px;
}

.record > div {
    padding-top: 3px;
    padding-bottom: 3px;
}

.record > div:last-child, #date {
    font: 12px centuryGothic;
    padding-top: 15px;
    color: black;
    letter-spacing: 4px;
}

.record-edit.checked {
    background-color: lightcoral;
}

.record > div:first-child{
    padding: 10px;
    border-radius : 21px;
    color: #737373;
    background: #EFEFEF;
}

.record > div:last-child {
    text-align: start;
}

#date {
    margin-left : 20px;
    text-align: end;
}