.wrapper{
    background-color: aqua;
    height: 100vh;
    display: flex;
    align-items:center;
    justify-content: center;
}

.center{
 
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 10px;
    align-items: center;

}
.color-box{
    background-color: black;
    color: azure;
    padding: 10px;
border-radius: 50px;
font-size: 20px;
text-transform: uppercase;
border:5px solid white;


}
#hex-val{
    color: rgb(232, 177, 106);
}
#color-change-btn{
    background-color: black;
    color: wheat;
    padding: 5px 10px;
    border-radius: 50px;
    border: 5px solid white;
    
    
}