*{
    margin:0;
    padding:0;
}
.heading{
    background-color: rgb(41, 24, 0);
    color:white;
    text-align:center;
    height:5rem;
    line-height: 2.5;

}

.home{
    background-image:url(background.jpg) ;
    height:810px;
    width:1600x;
}

.images{
    display:flex;
    justify-content: center;
    align-items: center;
    gap:3rem;
    margin-top:40px;
}
.image{
    height:180px;
    width:180px;

    border-radius: 50%;
    display:flex;
    justify-content: center;
    align-items: center;
    
}
img{
    height:180px;
    width:180px;
    object-fit:cover;
    border-radius: 50%;
    box-shadow: 5px 5px 10px;

}
img:hover{
 transform: scale(1.6);   
 box-shadow: 15px 15px 10px;
}
.score{
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top:70px;
    font-size:3rem;
    gap:4rem;
    color:white;
    text-shadow: 4px 5px 1px black;
}
.yourScore,.compScore{
    font-size: 5rem;
    margin-left:25px;

}
.messege{
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:2rem;
    margin:40px;



}
.msg{
    display:inline;
    background-color:rgb(35, 21, 0);
    color:white;
    padding:15px;
    border-radius: 20px;
}