@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');

.round-border {
    border-radius: 15px;
}

.bg {
    background-image: url(./img/rps-background-castle.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #1B2452;
}

.game-page {
    margin: 100px 500px;
    padding: 10px;
    background-image: linear-gradient(#3b3c40, #1e1f21);
    font-family: 'MedievalSharp', cursive;
    color: lightgray;
}

.title {
    margin-top: 20px;
    text-align: center;
    font-size: 40px;
}

.subtitle {
    margin-top: 10px;
    font-size: 20px;
    font-style: italic;
}

.player-options {
    display: flex;
    align-items: end;
    justify-content: center;
    margin: 50px 100px;
}

.player-button {
    margin: 10px;
    min-width: 144px;
    min-height: 144px;
    font-size: 60px;
    border-radius: 25px;
}

.player-button:hover {
    background-color: #97d4d4;
    border-color: #97d4d4;
}

.result-text {
    margin-bottom: 20px;
    text-align: center;
    font-size: 35px;
}

.result {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
    height: 200px;
    width: 600px;
    background-color: #3b3c40;
}