.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

.box {
    border-radius: .25rem;
    box-shadow: 0 0 3px rgba(0,0,0,.19);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    margin: 0;
}

.thick-framed {
    padding: 32px;
}

.dark {
    background-color: rgba(200, 200, 190, 255);
    border: 1px solid rgba(195, 195, 185, 255);
}

.light {
    background-color: rgba(250, 250, 248, 255);
    border: 1px solid rgba(255, 255, 255, 255);
}


@keyframes fade {
    from {
        opacity: 1.0;
    }

    50% {
        opacity: 0.1;
    }

    to {
        opacity: 1.0;
    }
}

@-webkit-keyframes fade {
    from {
        opacity: 1.0;
    }

    50% {
        opacity: 0.1;
    }

    to {
        opacity: 1.0;
    }
}

.blink {
    animation: fade 1000ms infinite;
    -webkit-animation: fade 1000ms infinite;
}