﻿
html, body 


table {
    border-collapse: collapse;
    border-spacing: 0;
    margin:20px auto;
}

.time-box {
    background-color: #eeeeee;
    color: #3A3B3C;
    width: 80px;
    height: 80px;
    border-radius: 6px;
    display: inline-flex !important;
    vertical-align: middle !important;
    align-items: center !important;
    font-family: 'Baloo Bhaijaan 2', sans-serif !important;
    box-shadow: inset 0 0 8px rgba(0,0,0,.3);
}

    .time-box h1 {
        margin: 0px !important;
        padding: 0px !important;
        text-align: center !important;
        line-height: 40px !important;
		font-weight: bold !important;
		font-size: 2em !important;
		margin-top:-2px !important;
    }

    .time-box p {
        margin: 0px !important;
        padding: 0px !important;
        text-align: center !important;
        line-height: 0px !important;
		padding-top: 4px !important;
    }

    .time-box p {
        font-size: 11px !important;
    }

.time-sub-box {
    margin: 0 auto;
}

.divisor {
    width: 10px;
    height: 80px;
    border-radius: 6px;
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
}

    .divisor h1 {
        color: #3A3B3C;
        padding: 0px;
        text-align: center;
        margin: 0 auto;
        font-family: 'Baloo Bhaijaan 2', sans-serif;
    }

.segundos {
    -webkit-animation: flickerAnimation 1s infinite;
    -moz-animation: flickerAnimation 1s infinite;
    -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}

@keyframes flickerAnimation {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
