body{
    background-color: black;
}


.body_main_sagar{
    justify-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    /* gap: 30px; */
    width: auto;
    height: 84vh;
    /* border: 1px solid red; */
position: relative;
gap: 100px;
}
.body_main_sagar .game_sagar{
    width:auto;
    height: auto;
/* border: 1px solid red; */
/* background-color: aquamarine; */
}


.body_main_sagar .game_sagar .sagar{
    width:auto;
    height: auto;
/* border: 1px solid red; */
display: flex;
margin-top: 10px;
gap: 10px;
}



.body_main_sagar .game_sagar .sagar .manna{
    width: 200px;
    height: 200px;
/* border: 2px solid blueviolet; */
display: flex;
justify-content: center;
align-items: center;
font-family: arial;
font-size: 100px;
color: #9c27b0;
background-color: aliceblue;
font-weight: 700;
/* border-radius: 50%; */
/* transform: rotate(30deg); */
position: relative;
box-shadow: 2px 2px 108px 22px #FFEB3B inset;
        cursor: pointer;

}


.body_main_sagar .game_sagar .sagar .manna::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: red;
    /* border-radius: 50%; */
    z-index: -6;
    animation: s 5s infinite;
    background:radial-gradient(#5568cd, #ff9800ed, #FFEB3B);
box-shadow: 2px 2px 50px 5px #FFC107;

}

@keyframes s {
    

    

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

    

.body_main_sagar  .win{
    width:100%;
    height: 105%;
/* border: 1px solid rgb(227, 6, 6); */
position: absolute;
z-index: 5;
top: 0%;
left: 0%;
border-radius: 10px;
/* background-color: aquamarine; */
justify-items: center;
align-content: center;
display: NONE;
/* background-image: url("win_img.jpg"); */
}


.body_main_sagar  .win .win1{
     width:348.2px;
    height: 227.8px;
/* border: 1px solid red; */
/* position: absolute; */
z-index: 5;
/* top: 32%; */
/* left: 22%; */
border-radius: 10px;
/* background-color: aquamarine; */
justify-items: center;
align-content: center;
/* display: NONE; */
background-image: url("../assets/img/win_img.jpg");
}





.body_main_sagar  .win .win1 .yes_not{ 
    width: 100%;
    height: auto;
    /* border: 1px solid red;  */
    border-radius: 10px;
    /* background: rgba(146, 146, 146, 0.451); */
    text-align: center;
    align-content: center;
    font-family: arial;
    font-weight: 700;
    font-size: 50px;
    /* padding: 10px 0px; */
    color: #FF9800;

} 

.body_main_sagar  .win .win1 .text{
    width: auto;
    height: auto;
     /* border: 1px solid red;  */
    /* margin-left: 30px; */
    text-align: center;
     font-family: arial;
    font-weight: 600;
    /* padding: 10px 0px 20PX 0PX; */
    font-size: 80px;
    color: #FF9800;
}

.body_main_sagar  .win .win1 .ss{
    width: 100%;
    height: auto;
     /* border: 1px solid red;  */
   display: flex;
   justify-content: space-around;
}



.body_main_sagar  .win .win1 .ss .but{
    border-radius: 10px;
    width: 100px;
    height: 40px;
    /* margin: 10px 0px; */
    font-size: 17px;
    border: none;
    outline: none;
    background-color: #FFC107;
box-shadow:2px 2px 1px 1px #FF9800;
        cursor: pointer;
}



.body_main_sagar  .win .win1 .ss .back{
    border-radius: 10px;
    width: 100px;
    height: 40px;
    border: none;
    outline: none;
    /* margin: 10px 0px; */
    font-size: 17px;
box-shadow:2px 2px 1px 1px #FF9800;
    background-color: #FFC107;
        cursor: pointer;
}



#back_game{
    /* border: 1px solid red; */
    border-radius: 10px;
    width: 150px;
    background-color: #FF9800;
    height: 45px;
    color: whitesmoke;
    font-size: 20px;
    font-weight: 500;
        cursor: pointer;

}