.carme-regular {
    font-family: "Carme", sans-serif;
    font-weight: 400;
    font-style: normal;
}  

.lilita-one-regular {
    font-family: "Lilita One", sans-serif;
    font-weight: 400;
    font-style: normal;  
}
  
body {
    font-family: "Carme", sans-serif;
    text-align: center;
}

#connect {
    color: gold;
    font-size: 50px;
    text-shadow: -1px 0 darkred, 0 1px darkred, 1px 0 darkred, 0 -1px darkred, 0 0 3px darkred;
}

#four {
    color: red;
    font-size: 75px;
    text-shadow: -1px 0 gold, 0 1px gold, 1px 0 gold, 0 -1px gold, 0 0 5px gold;
}

h1 {
    font-family: "Lilita One", sans-serif;
    display:inline;
    text-align: center;
    padding: 5px;

}

#board {
    height: 540px;
    width: 630px;
    background-color: blue;
    border: 10px solid darkblue;
    border-radius: 50px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.tile {
    height: 70px;
    width: 70px;
    margin: 5px;

    background-color: white;
    border-radius: 50%;
    border: 5px solid rgb(50 ,0,255);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}