p{
    font-family: monospace;
    text-align: center;
    margin-top: 20px;
    width: 60%;
    user-select: none;
    margin-inline: auto;
}

#labyrinthe{
    position: absolute;    
    top: calc(50% - 300px);
    left: calc(50% - 300px);
    width: 600px;
    height: 600px;
    border: 1px solid transparent;
}

#roof:hover{
    cursor:none;
}
#roof{
    position: absolute;    
    top: calc(50% - 300px);
    left: calc(50% - 300px);
    width: 600px;
    height: 600px;
    border: 1px solid transparent;
    background: transparent;
}

.door{
    position: absolute;
    background-color: rgb(255, 255, 255);
    opacity: 0%;

    width: 60px;
    height: 31px;}


#door1{
    left: 50%;
    top: calc(50% - 324px);}
#door2{
    left: calc(50% + 240px);
    top: calc(50% + 295px);
}

.wall{
    position: absolute;
    background: black;
    opacity: 0%;

}
.wall:hover{
    cursor:not-allowed;
}
#wall1{
    left: calc(60px * 3);
    top: calc(60px * 0);
    width: calc(60px * 1);
    height: calc(60px * 2);
}
#wall2{
    left: calc(60px * 4);
    top: calc(60px * 1);
    width: calc(60px * 2);
    height: calc(60px * 1);
}
#wall3{
    left: calc(60px * 1);
    top: calc(60px * 1);
    width: calc(60px * 1);
    height: calc(60px * 4);
}
#wall4{
    left: calc(60px * 0);
    top: calc(60px * 3);
    width: calc(60px * 7);
    height: calc(60px * 1);
}

#wall5{
    left: calc(60px * 7);
    top: calc(60px * 1);
    width: calc(60px * 2);
    height: calc(60px * 1);
}
#wall6{
    left: calc(60px * 8);
    top: calc(60px * 2);
    width: calc(60px * 1);
    height: calc(60px * 4);
}
#wall7{
    left: calc(60px * 8);
    top: calc(60px * 6);
    width: calc(60px * 2);
    height: calc(60px * 1);
}

#wall8{
    left: calc(60px * 5);
    top: calc(60px * 6);
    width: calc(60px * 3);
    height: calc(60px * 1);
}
#wall9{
    left: calc(60px * 4);
    top: calc(60px * 5);
    width: calc(60px * 2);
    height: calc(60px * 1);
}
#wall10{
    left: calc(60px * 3);
    top: calc(60px * 5);
    width: calc(60px * 1);
    height: calc(60px * 2);
}
#wall11{
    left: calc(60px * 1);
    top: calc(60px * 6);
    width: calc(60px * 2);
    height: calc(60px * 1);
}

#wall12{
    left: calc(60px * 7);
    top: calc(60px * 9);
    width: calc(60px * 1);
    height: calc(60px * 1);
}
#wall13{
    left: calc(60px * 1);
    top: calc(60px * 8);
    width: calc(60px * 8);
    height: calc(60px * 1);
}

#wall14{
    left: calc(calc(60px * 0) - 20px);
    top: calc(60px * 0);
    width: 20px;
    height: calc(60px * 10);
}
#wall15{
    left: calc(60px * 0 - 20px);
    top: calc(calc(60px * 0) - 20px);
    width: calc(60px * 10 + 20px);
    height: 20px;
}
#wall16{
    left: calc(60px * 0 - 20px);
    top: calc(calc(60px * 10));
    width: calc(60px * 10 + 40px);
    height: 20px;
}
#wall17{
    left: calc(calc(60px * 10));
    top: calc(60px * 0 - 20px);
    width: 20px;
    height: calc(60px * 10 + 20px);
}



@keyframes apparition {
    0%{
        opacity:0%;
    }
    
    50%{
        opacity:100%;
    }
    100%{
        opacity:0%;
    }
    
}