calcc.css

html
    {
        height:100%;
        background-image: linear-gradient(to right, #C04848, #480048); 
        background-repeat:no-repeat;
    }
table 
    {
        margin-left:auto; 
        margin-right:auto;
        background-color:black;
        border-radius:0px 0px 20px 20px;
        width:250px;
        height:320px;
    }
.display 
    {
         margin-left: 635px;
         margin-top: 100px;
         border: none;
         border-radius: 20px 20px 0px 0px;
         background-color: black;
         width: 250px;
         height: 150px;
         color: white;
         font-family: cursive;
         font-size: 31px;
         text-align: right;
    }
button.b
    {
        border:0px;
        background-color:#362E2E;
        color:white;
        width:50px;
        height:50px;
        border-radius:50%;
        display:block;
        font-weight: bold;
        font-family:monospace;
        font-size:20px;
    }
button.o
    {
        border:0px;
        background-color:#FF6E10;
        color:white;
        width:50px;
        height:50px;
        border-radius:50%;
        display:block;
        font-weight: bold;
        font-family:monospace;
        font-size:20px;
    }
button.w 
    {
        border:0px;
        background-color:#ECECEC;
        color:black;
        width:50px;
        height:50px;
        border-radius:50%;
        display:block;
        font-weight: bold;
        font-family:monospace;
        font-size:20px;
    }

td 
    {
        padding-left:5px ;
    }
button.z
    {
        border:0px;
        background-color:#362E2E;
        color:white;
        width:110px;
        height:50px;
        border-radius:30px;
        display:block;
        font-weight: bold;
        font-family:monospace;
        font-size:20px;
    }