body
{ 
    background:lightgreen;
    transition:1s;
}
h1
{
    color:darkred;
    text-shadow:0px -2.5px 5px darkred;
    font-weight:bolder;
    margin-top:10px;
    font-size:40px;
    text-align:center;
}
#scoreboard
{
    background:brown;
    border:7px solid white;
    border-radius:10px;
    padding:5px;
    padding-left:10px;
    display:inline;
    float:left;
    height:390px;
    width:140px;
    transition:0.5s;
}
#scoreheading
{
    font-size:20px;
    font-weight:bolder;
    color:white;

}
.points
{
    font-size:19px;
    font-weight:bold;
    color:white;

}
#winner
{
    font-size:50px;
    color:black;
    text-align:center;
}
#playground
{
    border:7px solid white;
    border-radius:10px;
    position:relative;
    display:inline;
    float:left;
    background:green;
    height:400px;
    width:800px;
    overflow:hidden;
}
#ball
{
    height:20px;
    width:20px;
    border-radius:10px;
    background:yellow;
    position:absolute;
    top:200px;
    left:200px;
}
.paddle
{
    height:120px;
    width:25px;
    border-radius:10px;
    position:absolute;
    background:white;
}
#paddleA
{
    left:45px;
    top:120px;
    box-shadow:-3px 0px 15px black;


}
#paddleB
{
    left:700px;
    top:120px;
    box-shadow:3px 0px 15px black;

}