.hidden {
    display: none;
}

.player {
    margin: 50px;
    border: 2px solid rgb(16, 15, 16);
    padding: 1px;
    background-color: rgb(253, 229, 233);
}

p {
    font-size: x-large;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-align: center;
}

#main-img-container {
    text-align: center;
}

#main-img {
    border-radius: 10px;
    border: solid 2px hotpink;
}

#create-player {
    text-align: center;
}

#computer-player {
    text-align: center;
}

h1 {
    font-size: 400%;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;  
    text-align: center;
}

#pig-dice {
    text-align: center;
}

body {
    background-color: pink;

}

#info {
    text-align: center;
}

#scores {
    display: flex;
    
}

#output-p1 {
    width: 45%;
}
#output-p2 {
    width: 45%;
}

@keyframes rollDice {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.img-dice {
    animation-name: rollDice;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    margin: 30px;
    height: 15%;
    width: 15%;
    /* float: right; */
}


#container {
    display: flex;
    flex-direction: row;
    align-items:center;
    justify-content:center;
   
}