::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;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 480px;
    border: 1px solid #533a20;
    border-radius: 3px;
    margin: 5px;
    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;
}