/* 
cancel.css Is meant to capture attention with a red flashing 'Cancel' message 
cancelSm, cancelMd, cancelLg  
*/

.cancelSm {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 12px;
    color: red;
    font-weight: 800;
    animation: opacity 2s ease-in-out infinite;
    opacity: 1;
}

.cancelMd {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 16px;
    color: red;
    font-weight: 900;
    animation: opacity 2s ease-in-out infinite;
    opacity: 1;
}

.cancelLg {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 20px;
    color: red;
    font-weight: 900;
    animation: opacity 1s ease-in-out infinite;
    opacity: 1;
}

@keyframes opacity {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}