style.css

body{
    background-color: black;
}

#parent{
    display: none;
    margin: 0px 50px 50px 50px;
    margin-left: 50px;
    background-color: brown;
    grid-template-columns:150px 150px 150px ;
    grid-template-rows: 126px 387fr 100fr ;
    grid-template-areas: "asidePong asideScore asideScoreNumber"
                         "game      game        game"
                         "asidePlayerName asideResault asideButton";
    
}
#asidePong{
    margin: 1em 1em 1em 1em;
    grid-area: asidePong;
    background-color: black;
    text-align: center;
}
#asideScore{    
    margin: 1em 0em 1em 0em;
    grid-area: asideScore;
    background-color: black;
    text-align: center;
}
#asideScoreNumber{
    margin: 1em 1em 1em 0em;
    grid-area: asideScoreNumber;
    background-color: black;
}
#asidePlayerName{
    margin: 1em 1em 1em 1em;
    text-align: center;
    grid-area: asidePlayerName;
    background-color: black;
}
#asideResault{
    margin: 1em 0em 1em 0em;
    text-align: center;
    grid-area: asideResault;
    background-color: black;
}
#asideButton{
   
    margin: 1em 1em 1em 0em;
    grid-area: asideButton;
    background-color: black;
}
#divGame{
  margin: 0em 1em 0em 1em;
    grid-area: game;
    background-color:black;
}
#game{
    width: 100%;
    height: 100%;
}
h2{
    color: wheat;
}
#enterInput{
    display: flex;
    flex-basis: 300px;
    /* flex-grow: ; */
    margin-left: 30px;
    margin-right: 30px;
    flex-direction: column;
    justify-content: space-around;
    height: 500px;

}
#start{
    color: black;
    align-self: center;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    border-radius: 20px;
}
form{
    color: black;
    
    align-self: center;
    
}
#labalName{
    color: white;
    
}
#tag{
    align-self: center;
}
#rulls{
    align-items: center;
    color: white;
    margin: 0px 30px 0px 30px;
}
#gameOver{
    display: none;
}
#startAgain{
    background-color: thistle;
    color: black;
    align-items: center;
    margin-bottom: 12px;
    margin-top: 12px ;
    padding: 10px;
    border-radius: 20px;
}

#flexTest{
display: flex;
justify-content: center;
align-items: center;

}
#GridTest{
   display: flex;
   justify-content: center; 

}