.note-card {
    padding: 1.5em;
    margin: 10px 10px 10px 10px;
    box-shadow: 3px 3px 8px  #888888;
}

.note-card, .note-card * {
    max-height: 1000px;
    -webkit-transition: max-height 0.4s; 
    -moz-transition: max-height 0.4s; 
    -ms-transition: max-height 0.4s; 
    -o-transition: max-height 0.4s; 
    transition: max-height 0.4s;
}

.note-card.collapsed, .note-card *.collapsed {
    /* Collapsing animation https://codepen.io/davidcochran/pen/RNOOEO */
    max-height: 0;
}

.note-card h5 {
    display: inline-block;
    font-size: 1.5rem;
    overflow-wrap: anywhere;
    max-height: inherit;
    cursor: pointer;
    font-weight: bold;
    font-style: italic;

}


.note-card button {
    float: right;
}

.note-card textarea {
    font-size: 0.8em;
    resize: none;
    width : 100%;

    background-color: inherit;
    border: none;
}

.note-card.highlighted {
    background-color: #dc35469f;
}

.note-card.focused {
    background-color: #1f1e1e93;
    color: white;
}

@media screen and (max-width:1100px) {
    .note-card h5 {
        font-size: 0.9rem;
    }
}