style.css

* {
    margin: 0;
    padding: 0%;
   
}
.yui{
    align-items: center;
    width: 100%;
    height: 70vh;
    position: fixed;


background-image: url("https://t4.ftcdn.net/jpg/03/95/77/97/360_F_395779788_eZIwrg5EW1MJ2L2w1DQnoNp2bea8ZTO3.jpg");
   background-repeat: no-repeat;
   background-size: cover;
}
.yui p{
    color:green;
    text-align: center;
    font-size: 30px;

}
.yui h2{
    color: coral;
    text-align: center;
    font-size: 35px;
    
}
.buio{
    width:100%;
    height:200vh;
    background-color: black;
}
#txt{
    color:red;
    text-align: center;
    font-size:50px;

}
#btn{
    align-items: center;
    
    font-size: 20px;
    font-weight: 800;
    padding: 25px;
    background-color: rgb(255, 0, 25);
    display: inline-block;
    border-radius: 20px;

}




#puzzleContainer {

   
   
    border: 1px solid;
    position: absolute ;
}
.puzzle-item {
    width: 200px;
    height: 200px;
    border: 1px solid;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    background-color: rgb(207, 36, 36);
    color: aliceblue;
    
}