::deep a,
::deep a.invert:hover{
    
    color: #64ae24;
}

::deep a.invert,
::deep a:hover {
    color: #533a20;
}

.green {
    color: #64ae24;
}

.pc-main {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    max-width: none;
    border-radius: 12px;
    margin: 0;
    padding: 1rem 1rem 0 1rem;
}

@media (max-width: 576px) {
    .pc-main {
        padding: .5rem .5rem 0 .5rem;
    }
}

.pc-main.warning {
    -webkit-box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
    -moz-box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
    box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
}

.pc-main.deleted {
    -webkit-box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
    -moz-box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
    box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
}

.complete {
    background: #76ff003b;
}

i.link {
    cursor: pointer; color: #64ae24;
}

i.link:hover {
    color: #000;
}