body {
    background: url("bg.png");
}

.column {
    float: left;
    width: 50%;
}

#computer-selection {
    width: 10vw;
    height: 20vh;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 1vw;
}

.computer-container h2 {
    margin-left: 1vw;
}

h1 {
    text-align: center;
    font-size: 6vh;
}

h3 {
    text-align: center;
}

.main-container {
    display: flex;
}

#paper-button {
    margin-left: 36vw;
    width: 10vw;
    height: 20vh;
    background-size: cover;
    background-image: url(paper.webp);
    background-repeat: no-repeat;
    margin-bottom: 2vh;
}

.player-button:hover {
    border-color: red;
    border-style: solid;
    width: 11vw;
}

.player-container {
    display: flex;
    flex-direction: column;
    border-right: solid;
    border-right-color: black;
    border-right-width: .05vw;
}

.player-container h2 {
    margin-left: 36vw;
}

#rock-button {
    margin-left: 36vw;
    width: 10vw;
    height: 20vh;
    background-size: cover;
    background-image: url(rock.png);
    background-repeat: no-repeat;
    margin-bottom: 2vh;
}

#result-container {
    text-align: center;
    font-size: 2vw;
    font-weight: bold;
    color: red;
}
#scissors-button {
    margin-left: 36vw;
    width: 10vw;
    height: 20vh;
    background-size: cover;
    background-image: url(scissors.jpg);
    background-repeat: no-repeat;
    margin-bottom: 2vh;
}