style.css

body{
    margin:0;
    padding:0;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    background-color: #070b1e;
}

h2{
    font-size:2rem;
    text-align: center;
    color:rgb(236, 77, 109)
}

.game{
    display:grid;
    margin:40px auto;
    grid-template-columns: repeat(4,120px);
    grid-row-gap:2em;
    align-items: center;
    justify-content: center;
}

#gameBoard div{
    height:150px;
    width:80px;
    border:2px solid rgb(151, 151, 202);
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:2em;
    color:brown;
    background-color: #e5e5f7;
}

.cardback{
    background-color: #e5e5f7;
    opacity: 0.8;
    background-image:  linear-gradient(135deg, #444cf7 25%, transparent 25%), linear-gradient(225deg, #444cf7 25%, transparent 25%), linear-gradient(45deg, #444cf7 25%, transparent 25%), linear-gradient(315deg, #444cf7 25%, #e5e5f7 25%);
    background-position:  10px 0, 10px 0, 0 0, 0 0;
    background-size: 10px 10px;
    background-repeat: repeat;
}

#gameBoard div:hover{
    cursor:pointer;
}


.won{
    font-size:3em;
    display:flex;
    justify-content:center;
    height:500px;
    align-items: center;
    color:rgb(220, 223, 174);
    width:500px;
    margin:0px auto;
    font-weight: bolder;
}

footer {
    letter-spacing: 2px;
    font-weight: bolder;
    color:rgb(166, 219, 216);
    margin-top: 20px;
    margin-bottom: 10px;
    padding:20px;
    margin-right: 20px;
    margin-left:40px;
    text-align: center;
}