@charset "UTF-8";
/* /////////////////////////////////////////////////////////////////// */

@font-face {
    font-family: minecraft;
    src: url('../fonts/Minecraft.ttf');
}
:hover {
    cursor: url('../medias/pioche.png') 0 16, auto;
}
button {
    cursor: url('../medias/pioche.png') 0 16, auto;
}

button:hover {
    cursor: url('../medias/pioche.png') 0 16, auto;
}

.bg-blur {
    background-image: url('../medias/background.jpg');
    background-size: cover;
    background-position: center;
    backdrop-filter: blur(5px);
}

.minecraft-btn {
    background-image: url('../medias/Bouton_minecraft.png');
    font-family: 'minecraft';
    border-color: #AAA #565656 #565656 #AAA;
    outline: 2px solid #000;
    cursor: url('../medias/pioche.png') 0 16, auto;
}

.minecraft-btn:hover {
    background-image: url('../medias/Bouton_minecraft_hover.png');
    border-color: #BDC6FF #59639A #59639A #BDC6FF;
}

body {
    cursor: url('../medias/pioche.png') 0 16, auto;
}

h1 {
    font-family: 'minecraft';
}



.option_background {
    position: absolute;
    z-index: -100;
    width: 100vw;
    height: 100vh;
    background-image: url('../medias/textures/dirt.png');
    background-repeat: repeat;
    background-size: 6.25%;
    filter: brightness(0.6);
}

.option_nav {
    width: 100vw;
    height: 15vh;
    background-image: url('../medias/textures/dirt.png');
    background-repeat: repeat;
    background-size: 6.25%;
    padding: 10px;
}

.option_container {
    margin-left: 25vw;
    width: 50vw;
    height: 85vh;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.option_container>a {
    margin: 50px;
}
.case-mine {
    background-image: url('../medias/textures/tnt.png');
    background-size: cover;
}
.block-1 {
    background-image: url('../medias/textures/stone.png');
    background-size: cover;
}

.block-2 {
    background-image: url('../medias/textures/cobblestone.png');
    background-size: cover;
}

.block-3 {
    background-image: url('../medias/textures/andesite.png');
    background-size: cover;
}

.block-4 {
    background-image: url('../medias/textures/andesite.png');
    background-size: cover;
}

.block-drapeau-1 {
    background-image: url('../medias/flag.png'), url('../medias/textures/stone.png');
    background-size: cover, cover;
}

.block-drapeau-2 {
    background-image: url('../medias/flag.png'), url('../medias/textures/cobblestone.png');
    background-size: cover, cover;
}

.block-drapeau-3 {
    background-image: url('../medias/flag.png'), url('../medias/textures/andesite.png');
    background-size: cover, cover;
}

.block-drapeau-4 {
    background-image: url('../medias/flag.png'), url('../medias/textures/andesite.png');
    background-size: cover, cover;
}


.case-solid {
    background-color: #565656;
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.1);
    box-sizing: none;


}

.case-solid:hover {
    background-color: #737272;
    border: white 1px solid;
    cursor: url('../medias/pioche.png') 0 16, auto;
}

.case-break {
    background-image: url('../medias/textures/bedrock.png');
    background-size: cover;
    border: 1px solid none;
    filter: brightness(0.999);
}
.case-break-bomb {
    background-image: url('../medias/textures/tnt.png');
    background-size: cover;
    filter: brightness(0.6);
}



.nb-mine-1::before {
    display: block;
    content: "1";
    position: absolute;
    top: 3px;
    left: 10px;
    /* transform: translate(-50%, -50%); */
    font-family: 'minecraft';
    z-index: 10;
    font-size: 1em;
    color: white;
}

.nb-mine-2::before {
    content: "2";
    position: absolute;
    top: 3px;
    left: 9px;
    /* transform: translate(-50%, -50%); */
    font-family: 'minecraft';
    z-index: 10;
    font-size: 1em;
    color: white;
}

.nb-mine-4::before {
    content: "4";
    position: absolute;
    top: 3px;
    left: 9px;
    /* transform: translate(-50%, -50%); */
    font-family: 'minecraft';
    z-index: 10;
    font-size: 1em;
    color: white;
}

.nb-mine-3::before {
    content: "3";
    position: absolute;
    top: 3px;
    left: 9px;
    /* transform: translate(-50%, -50%); */
    font-family: 'minecraft';
    z-index: 10;
    font-size: 1em;
    color: white;
}

.nb-mine-5::before {
    content: "5";
    position: absolute;
    top: 3px;
    left: 9px;
    /* transform: translate(-50%, -50%); */
    font-family: 'minecraft';
    z-index: 10;
    font-size: 1em;
    color: white;
}

.nb-mine-6::before {
    content: "6";
    position: absolute;
    top: 3px;
    left: 9px;
    /* transform: translate(-50%, -50%); */
    font-family: 'minecraft';
    z-index: 10;
    font-size: 1em;
    color: white;
}

.nb-mine-7::before {
    content: "7";
    position: absolute;
    top: 3px;
    left: 9px;
    /* transform: translate(-50%, -50%); */
    font-family: 'minecraft';
    z-index: 10;
    font-size: 1em;
    color: white;
}

.nb-mine-8::before {
    content: "8";
    position: absolute;
    top: 3px;
    left: 9px;
    /* transform: translate(-50%, -50%); */
    font-family: 'minecraft';
    z-index: 10;
    font-size: 1em;
    color: white;
}

.case-flag {
    background-image: url('../medias/flag.png');
    background-size: cover;
}

.drapeau {
    background-image: url('../medias/flag.png');
    background-size: cover;
}

#hearts img {
    background-image: url('../medias/textures/heart_container.png');
    background-size: cover;

}

.paillettes {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}

.paillette {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    animation: tomber 4s linear infinite;
}

@keyframes tomber {
    0% {
        transform: translateY(-80vh);
    }
    100% {
        transform: translateY(100vh);
    }
}