body {
    background-color: #f4f4f4;
    font-family: Roboto, sans-serif
}

.title {
    color: #363636;
    margin-top: 2rem;
    font-size: 2.5rem
}

.subtitle {
    color: red;
    padding-top: 20px;
    font-size: 2rem
}

.box {
    color: #4a4a4a;
    background-color: #abfff6;
    border-radius: 6px;
    padding: 1.25rem;
    display: block;
    box-shadow: 20px 2em 1em #528588, 0 0 0 1px #a4003f
}

.button {
    font-weight: 700
}

.card {
    background-color: #fff9f9;
    border-radius: 5px;
    margin-top: 1rem;
    box-shadow: 12px 14px 7px #35825e9e
}

.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 4px 8px #0003
}

.card-content {
    padding: 1rem
}

.card-header {
    color: #fff;
    background-color: #00d1b2;
    padding: .5rem
}

.columns {
    margin-top: 1rem
}

.column {
    padding: 1rem
}

.card-header-title {
    font-weight: 700
}

.is-flex {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.delete-btn {
    color: #ea1818;
    cursor: pointer;
    text-shadow: 2px 3px #000
}

.delete-btn:hover {
    color: #000;
    cursor: pointer;
    text-shadow: 2px 3px #fff;
    transform: translate3d(-10px);
    background-color: red
}

.edit-btn {
    color: #00f;
    cursor: pointer
}

/*# sourceMappingURL=index.af3ee857.css.map */