style.css

*{
    margin:0px;
    padding:0px;
    box-sizing: border-box;
}
body{
    height: 100vh;
    background-image: linear-gradient(to right, #74ebd5 0%, #9face6 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.board{
    height: 85vh;
    width: 80vw;
    background-color: #1a0d52;
    border-radius: 10px;
}
.ball{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #74ebd5;
    position: fixed;
    top: 45vh;
    left: 50vw;
}
.paddle{
    height:120px;
    width: 15px;
    background-color: #74ebd5;
    position: fixed;
    border-radius: 10px;
}
.left{
     top:40vh;
     left:12vw
}
.right{
    top:40vh;
    right:12vw
}
.fa-circle{
    color: #ffbe76;
    font-size: 2rem;
}
.scoreboard{
    display: flex;
    height: 60px;
    justify-content: space-evenly;
    align-items: center;
    flex: 1 1 1;
}
.separator{
    width:4px;
    height: 70%;
    background-color: black;
}