index.css

html {
   background: url("https://i.pinimg.com/originals/50/ff/c8/50ffc8da808e31a16eed77b741afe480.gif");
   background-size: cover;
   background-position-x: center;
   text-align: center;
}

/* body {
   display: flex;
   justify-content: space-between;
} */

.header-div {
   background-color: white;
}

h1 {
   font-size: 50px;
   font-weight: 800;
   color: pink;
   font-family: monospace;

}

#game-canvas {
   /* display: block; */
   /* position: relative; */
   /* background-image: url('./Connect4Board.png'); */
   /* background-repeat: no-repeat; */
   margin-bottom: 95px;
   /* border: 2px solid red; */
   /* background-color: white; */
}

div {
   text-align: center;
}

.how-to {
   font-size: 33px;
   font-weight: 800;
   font-family: monospace;
   color: dodgerblue;
}

.how-to a {
   font-size: 20px;
   text-decoration: none;
}


.about-me {
   position: absolute;
   border: 2px solid white;
   background-color: white;
   opacity: .7;
   width: 300px;
   height: 640px;
   border: 5px solid #03a9f466;
   border-radius: 12px;
}

.game-background {
   display: inline-block;
   background-color: white;
   opacity: .5;
   border: 5px solid #03a9f466;
   z-index: -1;
   width: 750px;
   height: 800px;
   position: absolute;
   border-radius: 12px;

}