.up{
width:300px;
height: 300px;
background-color: burlywood;
margin-left: 500px;
margin: -400px auto;
}
.in
{
border-radius: 40px;
display: block;
background-color: rgb(247, 193, 112);
color:brown;
padding :10px;
padding-bottom: 20px;
width:90px;
height:20px;
text-align: center;
margin-left: 100px;
margin:0px auto 50px;
}
.d
{
    width:100;
}
.m
{border-radius: 40px;
  
    background-color: rgb(247, 193, 112);
    color:brown;
    padding :10px;
    padding-bottom: 20px;
    width:90px;
    height:20px;
    text-align: center;
    margin-left: 500px;
    margin:0px auto 50px;
    margin-top: 500px;
}


.over , .enter , .move , .leave , .out{
    background-color: aquamarine;
    width:80%;
    height: 80%;
}
.over h2 , .enter h2, .move h2 , .leave h2 , .out h2{
    background-color: rgb(32, 172, 67);
    width:80%;
    height: 80%;
}