#reproductor{
    display:none;
}


.tiempo {
    font-size: 20px;
}


.entornoJuego {
	margin: 0 0 0 10px;
    background-color: #e5e7e8;
    width: 100%;
    display: flex;
    flex-flow: column;
}

.entornoJuego>header {
    position: sticky;
    display: flex;
    justify-content: center;
    background: rgba(255, 255, 255, 0.4);
    height: 50px;
    padding: 5px 15px;
    top: 0.25px;
    align-items: center;
    z-index: 99;
}

.Dificultad {
    position: absolute;
    width: 30%;
    right: 10px;
}

.Reloj {
    position: absolute;
    font-size: 20px;
    left: 40px;
}

.banderas {
    margin: 40px;
    font-size: 20px;
}

.banderas span {
    margin: 10px;
}

.entornoJuego select {
    padding: 0 20px;
    height: 30px;
    width: 100%;
    font-size: 20px;
}

.Tablero {
    width: auto;
    margin: 20px auto;
    position: relative;
}

.Tablero>div {
    display: grid;
    width: 100%;
}

.casillaBuscamina {
    background: #367dcc;
    border: 1px solid white;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.juegoPequenio{
    height: 40px;
    width: 40px;
}

.juegoMediano{
    height: 30px;
    width: 30px;
}

.juegoGrande{
    height: 20px;
    width: 20px;
}



.casillaBuscamina span {
    font-size: 20px;
}

.reiniciar {
    right: 50px;
    bottom: 50px;
    font-size: 1.7em;
    transition-duration: 1s;
    margin: 30px;
}

.reiniciar:hover {
    transition-duration: 0.9s;
    transform: rotate(-360deg);
    color: #0072ff;
}

.mensajeVictoria {
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
}

.casillaDescubierta {
    background-color: white;
    border: 1px solid black;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    /* transition: 1s; */
    user-select: none;
}

.casillaMarcada {
    background-color: #e39300;
    border: 1px solid white;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}



.mina {
    background-color: #e10507;
}

.casillaMarcada.mina {
	    background-color: #4cbf89;
}

.verCodigo {
    text-align: center;
}

.verCodigo>small>a {
    text-decoration: none;
    color: gray;
}

.verCodigo>small>a:hover {
    text-decoration: none;
    color: lightcoral;
}

main>h1 {
    /* margin: 0px; */
    margin-top: 30px;
}

.minaGanada {
    background-color: green !important;
}