style.css

* {
    box-sizing: border-box;
}
/*All the  modifcations that will happen in the body part of html*/
body{
    font-family: Arial, Helvetica, sans-serif; /* the fonts used in the obdy*/
    display: flex;
    flex-direction: column;
    align-items: center; /*aligns all the items in the center */
    justify-content: center;
    background-color: gray;
    margin: 0;
}
/* all css changes added to the canvas made in the game*/
#canvas {
    border-radius: 5px;
    background-color: white;
}
/* gives css to the class score*/
.score {
    display: flex;
    font-size:xx-large;
    color: white;
    margin: 2px;
}
/* gives the css to the first subclass of score*/
.score > :first-child {
    text-align: left;
    padding: 15px;
    padding-right: 300px;
}
/* gives the css to the final subclass of score*/
.score > :last-child{
    text-align: right;
    padding: 15px;
    padding-left: 300px;
}