.reddiv{
    width: 200px; 
    position: absolute;
    border: 1px solid;
    box-shadow: 2px 2px 1px;
    background-color: #ffeeee8a; 
    border-radius: 4px;
    text-align: left;
    padding: 10px;
    text-shadow: 1px 1px 0px;
    transition: 0.5s;
}

.reddiv:open{
    background-color: #EDE8D0;
}



.yellowdiv{
    width: 200px; 
    position: absolute;
    border: 1px solid;
    box-shadow: 2px 2px 0px;
    background-color: #e4f1ac6;
    border-radius: 4px;
    text-align: left;
    padding: 10px;
}