.box{
    height: 200px;
    width: 200px;
    margin: 30px auto;
    border: 2px solid black;
    transition: all 0.5s ease-in-out;
    
}

.box:hover{
    width:500px;
    height:500px;
    
}

.circle{

    border-radius: 50%;
}

.red{
    background-color: red;
}

.green{
    background-color: green;
}

.blue{
    background-color: blue;
}




.center{
    display: flex;
    width: 100vw;
    justify-content: center;
    column-gap: 10px;
}

.center > button{
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
}