@@ -0,0 +1,44 @@
+/* CSS Styling for Connect 4 Video Game*/
+
+/* Button Styling for "Start Game" button */
+.button {
+ background-color:white; /* Green */
+ padding: 16px 32px;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 16px;
+ margin: 4px 2px;
+ transition-duration: 0.75s;
+ cursor: pointer;
+ border-radius: 30px; /* Rounded Edges */
+ border: 2px solid #222222; /* Black border */
+ margin:0 auto;
+ display:block;
+}
+/* Text styling */
+.text {
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+/* Styling when user hovers */
+.button:hover {
+ background-color: #222222; /* Black */
+ color: white;
+/* Style body */
+body {
+ margin: 0;
+ overflow: hidden;
+/* Style canvas */
+canvas {
+ display: block;