.cy {
    color: #f7a61e;
    filter: drop-shadow(#ff1c033d 2px 2px 2px) drop-shadow(#ff1c033d -2px -2px 2px) drop-shadow(#ff1c033d 2px -2px 2px) drop-shadow(#ff1c033d -2px 2px 2px) drop-shadow(#ff1c033d 0 0 100px)
}
.co {
    color: #de5b09;
    filter: drop-shadow(#ff1c033d 2px 2px 2px) drop-shadow(#ff1c033d -2px -2px 2px) drop-shadow(#ff1c033d 2px -2px 2px) drop-shadow(#ff1c033d -2px 2px 2px) drop-shadow(#ff1c033d 0 0 100px)
}
.cg {
    color: #90ffd4;
    filter: drop-shadow(#90ffd41a 2px 2px 2px) drop-shadow(#90ffd41a -2px -2px 2px) drop-shadow(#90ffd41a 2px -2px 2px) drop-shadow(#90ffd41a -2px 2px 2px) drop-shadow(#90ffd462 0 0 50px);
}
.cr {
    color: #ff0047;
    filter: drop-shadow(#e3014c1a 2px 2px 2px) drop-shadow(#e3014c1a -2px -2px 2px) drop-shadow(#e3014c1a 2px -2px 2px) drop-shadow(#e3014c1a -2px 2px 2px) drop-shadow(#e3014c5e 0 0 50px);
}
.b {
    border: solid currentColor;
    border-width: 8px;
    border-radius: 5px;
    padding: 5px 10px;
}
.bgcy {
    padding: 0 10px;
    border-radius: 0;
    background-color: #f7a61e;
    color: black;
    filter: none;
    box-shadow: #ff1c033d 2px 2px 2px, #ff1c033d -2px -2px 2px, #ff1c033d 2px -2px 2px, #ff1c033d -2px 2px 2px, #ff1c033d 0 0 100px;
}
.bgco {
    padding: 0 10px;
    border-radius: 0;
    background-color: #de5b09;
    color: black;
    filter: none;
    box-shadow: #ff1c033d 2px 2px 2px, #ff1c033d -2px -2px 2px, #ff1c033d 2px -2px 2px, #ff1c033d -2px 2px 2px, #ff1c033d 0 0 100px;
}
.bgcg {
    padding: 0 10px;
    border-radius: 0;
    background-color: #90ffd4;
    color: black;
    filter: none;
    box-shadow: #90ffd43d 2px 2px 2px, #90ffd43d -2px -2px 2px, #90ffd43d 2px -2px 2px, #90ffd43d -2px 2px 2px, #90ffd462 0 0 50px;
}
.bgcr {
    padding: 0 10px;
    border-radius: 0;
    background-color: #e3014c;
    color: black;
    filter: none;
    box-shadow: #e3014c3d 2px 2px 2px, #e3014c3d -2px -2px 2px, #e3014c3d 2px -2px 2px, #e3014c3d -2px 2px 2px, #e3014c5e 0 0 50px;
}
.alert {
    animation: alert 0.45s linear infinite;
}
@keyframes alert {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.slow-blinker {
    animation: blinker 0.3s step-end infinite;
}
.fast-blinker {
    animation: blinker 0.1s step-end infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.button-square-1 {
    background-color: #52d053;
    border: 2px solid #e6770b;
    font-size: 48px;
    box-shadow: #d3290f 2px 2px 2px, #d3290f -2px -2px 2px, #d3290f 2px -2px 2px, #d3290f -2px 2px 2px, #d3290f 0 0 100px;
}

.button-square-1:hover {
    border: 4px solid #d3290f;
}