/* Styling various parts of the websites  */
body{
    background-color: #232931;
}
#player_1{
    padding-left: 25%;
}
.image_1{
    padding-left: 5%;
    padding-right: 50%;
}
.image_2{
    padding-left: 20%;;
}
img {
    width:80%;
    align-items: center;
}
h1{
    font-family: 'Lobster',cursive;
    margin-top: 2%;
    text-align: center;
    text-shadow: 5px 0 #232931;
    font-size: 8rem;
    color: #4ECCA3;
}
.container{
    margin-top: 2px;
    display: flex;
    color : #4ECCA3;
    text-align: centre;
    font-family: 'Indie flower', cursive;
    font-size: 2rem;
    justify-content: center;
}
#player_2{
    padding-left:1in;
}
#button_1{
    margin-right: 2%;
    font-weight: bold;
    font-size: 40px;
    font-family: 'Indie flower', cursive;
    align-items: center;
    margin-left: 42%;
    margin-top: 5%;
    border-radius: 15%;
    background-color: #0ce4e0;
    
}
#button_2{
    font-weight: bold;
    font-size: 40px;
    font-family: 'Indie flower', cursive;
    background-color:#0ce4e0;
    align-items: center;
    margin-top: 5%;
    padding-left: 25px;
    justify-content: center;
    text-align: center;
    border-radius: 15%;
}
#button_3{
    font-weight: bold;
    font-size: 40px;
    font-family: 'Indie flower', cursive;
    background-color: #e46a0c;
    align-items: center;
    margin-top: 3%;
    margin-left: 45%;
    padding-left: 25px;
    justify-content: center;
    text-align: center;
    border-radius: 1%;
}    
footer{
    background-color:rgb(230, 177, 107);
    color: black;
    font-size: large;
    position: fixed;
    bottom:4px;
    right:4px;

    font-family: 'Indie flower', cursive;
}