style.css

body {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    background-image: url(images/doctor-van-nostrand-deadpool-wolverine.jpg);
    background-size: 100vmax;
    color: white;
}

nav {
    border-bottom: 1px solid lightgray;
    height: 52px;
    background-color: rgba(255, 255, 255, 0.4);
    color: #2e2e2e;
}

h1 {
    padding: 12px 0px 0px 40px;
}

.wrapper {
    width: 60%;
    margin: 40px auto;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
}

.score {
    background-color: rgba(255, 255, 255, 0.4);
    color: #2e2e2e;
    padding: 20px;

}

.player-o, .player-x {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.result {
    background-color: rgba(255, 255, 255, 0.4);
    color: #2e2e2e;
    padding: 20px;
}


h2 {
    padding-bottom: 16px;
}

p {
    padding-bottom: 8px;
}

main {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    background-color: rgba(255, 255, 255, 0.4);
}

.box {
    aspect-ratio: 1;
    border: 1px solid white;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 80px;
}


.hidden {
    display: none;
}

img {
    height: 100px;
    width: 100px
}