:root{
    --cor-fundo: pink;

}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


body{
   
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--cor-fundo);
    transition: background-color 1s;
} 

 
#cor{
    padding: 8px 16px;
    font-size: 24px;

}


#trocar-cor{
    padding: 8px 16px;
    font-size: 24px;
    cursor: pointer;
}