connect-4-game/styles.css

/* 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;
    text-align: center;
}


/* Styling when user hovers */
.button:hover {
    background-color: #222222; /* Black */
    color: white;
}


/* Style body */
body {
    margin: 0;
    overflow: hidden;
}

/* Style canvas */
canvas {
    display: block;
}