@charset "utf-8";
html, body {
    height: 100%;
}

#root {
    min-height: 100%;
    background-color: rgb(228, 229, 230);
}

.container {
    min-height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}

.card {
    margin-bottom: 40px;
}

.edit {
    width: 25px;
    height: 25px;
    background-size: cover;
    background-image: url(/icons/edit.svg);
    cursor: pointer;
}

.edit:hover {
    background-image: url(/icons/edit-hover.svg);
}

.edit {
    width: 25px;
    height: 25px;
    background-size: cover;
    background-image: url(/icons/edit.svg);
    cursor: pointer;
}

.edit:hover {
    background-image: url(/icons/edit-hover.svg);
}

.del {
    width: 25px;
    height: 25px;
    background-size: cover;
    background-image: url(/icons/delete.svg);
    cursor: pointer;
}

.del:hover {
    background-image: url(/icons/delete-hover.svg);
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    transition: 'background-color 0.5s';
    z-index: 10;
}