body{
    background: black
}

#visualizar{
    position: absolute;
    top:50%;
    left:50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    height: 450px;
    background: radial-gradient(black 20%, white 10%, black 70%);
    color: white;
    font-size: 20px;
}

.digital{
    position: absolute;
    width: 104%;
    height: 104%;
    margin: -2%;
    text-align: center;
}

.digital span{
    display: block;
}

.digital:nth-child(1){
    transform: rotate(30deg);
}
.digital:nth-child(1) span{
    transform: rotate(-30deg);
}
.digital:nth-child(2){
    transform: rotate(60deg);
}

.digital:nth-child(2) span{
    transform: rotate(-60deg);
}

.digital:nth-child(3) span{
    transform: rotate(-90deg);
}

.digital:nth-child(3){
    transform: rotate(90deg);
}

.digital:nth-child(4) span{
    transform: rotate(-120deg);
}

.digital:nth-child(4){
    transform: rotate(120deg);
}

.digital:nth-child(5) span{
    transform: rotate(-150deg);
}

.digital:nth-child(5){
    transform: rotate(150deg);
}

.digital:nth-child(6) span{
    transform: rotate(180deg);
}

.digital:nth-child(6){
    transform: rotate(-180deg);
}

.digital:nth-child(7) span{
    transform: rotate(-210deg);
}

.digital:nth-child(7){
    transform: rotate(210deg);
}

.digital:nth-child(8) span{
    transform: rotate(-240deg);
}

.digital:nth-child(8){
    transform: rotate(240deg);
}

.digital:nth-child(9) span{
    transform: rotate(-270deg);
}

.digital:nth-child(9){
    transform: rotate(270deg);
}

.digital:nth-child(9) span{
    transform: rotate(-270deg);
}

.digital:nth-child(9){
    transform: rotate(270deg);
}

.digital:nth-child(10) span{
    transform: rotate(60deg);
}

.digital:nth-child(10){
    transform: rotate(-60deg);
}

.digital:nth-child(11) span{
    transform: rotate(30deg);
}

.digital:nth-child(11){
    transform: rotate(-30deg);
}

#pokebola{
    width: 100%;
    height: 100%;
    position: absolute;
    background: no-repeat center center;
}

#pokebola{
    background-size: 70%;
    background-position: 50% 50%;
    z-index: 80;
}

#pokebola{
    background-image: url("https://cdn-icons-png.flaticon.com/512/188/188918.png");
}

#horas{
    background-image: url(/pikachu.png);
    background-size: 50%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 28%;
    left: 47%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 90; 
}

 #minutos{
    background-image: url(/pikachu.png);
    background-size: 30%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: -15%;
    left: -2%;
    /* transform: translate(-50%, -50%); */
    width: 100%;
    height: 100%;
    z-index: 90;
    animation: aumento 2s infinite;
 }


 @keyframes aumento{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1);
    }
}

@keyframes rotar {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }

}

a{
    color: white;
}


.regresar{
    margin-top: 900px;
    text-align: center;
    font-size: 25px;}
    .back{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        text-decoration: none;
        color: rgb(172, 55, 55);}
        .back:hover{
            text-decoration: underline;
}