#main_square{
    height: 500px;
    width: 370px;
    background-color: #14130f;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5%;
    border-color: #14130f;

}
#answer_display{
    height: 100px;
    width: 325px;
    background-color: #000000;
    position: absolute;
    top: 1.5em;
    left: 1.5em;
    display: flex;
    align-items: center;
    justify-content: right;
    border-radius: 5%;
    border-color: #14130f;
}

.num_butts{
    width: 70px;
    height: 70px;
    font-size: 2em;
    border-radius: 90%;
    border-color: #8c8f8d;
    background-color: #8c8f8d;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.opp_butts{
    width: 70px;
    height: 70px;
    font-size: 2em;
    border-radius: 90%;
    border-color: #c27f0c;
    background-color: #c27f0c;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
#answer{
    font-size: 2em;
    color: #ffffff;
    font-size: 3em;
    position: flex;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
#butt1{
    position: absolute;
    top: 180px;
    left: 20px;
}
#butt2{
    position: absolute;
    top: 180px;
    left: 105px;
}
#butt3{
    position: absolute;
    top: 180px;
    left: 190px;
}
#butt4{
    position: absolute;
    top: 255px;
    left: 20px;
}   
#butt5{
    position: absolute;
    top: 255px;
    left: 105px;
}
#butt6{
    position: absolute;
    top: 255px;
    left: 190px;
}   
#butt7{
    position: absolute;
    top: 330px;
    left: 20px;
}   
#butt8{
    position: absolute;
    top: 330px;
    left: 105px;
}   
#butt9{
    position: absolute;
    top: 330px;
    left: 190px;
}   
#butt0{
    position: absolute;
    top: 405px;
    left: 105px;
}   
#buttmos{
    position: absolute;
    top: 405px;
    left: 275px;
}   
#butttagh{
    position: absolute;
    top:  405px;
    left: 190px;
}   
#buttmanf{
    position: absolute;
    top: 330px;
    left: 275px;
}   
#buttzarb{
    position: absolute;
    top: 255px;
    left: 275px;
}   
#buttmosav{
    position: absolute;
    top: 405px;
    left: 20px;
}   
#buttreset{
    position: absolute;
    top: 180px;
    left: 275px;
}   
.num_butts:hover{
    background-color: #797a7a;
}
.opp_butts:hover {
    background-color: #ad730d;
}