body{
    background: #000; 
    margin: 0; 
    padding: 0; 
    text-align: center; 
    font-family: 'Roboto', sans-serif;
}

.rojo{
    color: red !important; 
}

.timer{
    diplay: block; 
    overflow: hidden; 
}
#minutos{
    width: 25%; 
    float: left; 
    height: 550px; 
    font-size: 500px; 
    color: #FFF; 
    line-height: 550px; 
}

#segundos{
    width: 60%; 
    text-align: center; 
    font-size: 500px; 
    line-height: 550px; 
    color: #FFF; 
    float: left; 
}
.separador{
    float: left; 
    width: 15%; 
    text-align: center; 
    font-size: 500px; 
    color: #FFF;
    height: 550px; 
    line-height: 400px; 
}

.resultado-jueces{
    display: block; 
    width: 100%; 
    border: 3px solid #FFF; 
}

.resultado-jueces .juez{
    margin-top: 100px; 
    margin-left: 10%; 
    width: 20%; 
    height: 250px; 
    background: #CCC; 
    float: left; 
    border-radius: 50px; 
}

.resultado-good{ background:green !important; }
.resultado-bad{ background: red !important; }

.alert{
    position: absolute; 
    z-index: 10; 
    width: 80%; 
    overflow: hidden; 
    top: 50px; 
    left: 50%; 
    margin-left: -42%;  
    border-radius: 50px;
    padding: 20px;  
    color: #FFF; 
    font-size: 40px; 
}
.alert h1{ margin: 0px; font-size: 150px;  }
.alert.good-litf{ background: green; }
.alert.bad-litf{ background: red; }