Neoguy396 - main.css

*{

padding: 0px;
margin:0px;


}

.tm-container{


max-width: 1200px;
margin: 0px auto;

}

/* .calculator-background{

background: #4286f4;
height: 250px;
width: 250px;
margin: 100px auto;
line-height: 60px;

}



span.keys{

    border: 18px solid #7db252;
    margin: 0px 3px;
    background: #7db252;


    text-align: center;

}

 WITHOUT TABLES. */

 table{

    background: #e6e6ed;
    margin: 100px auto;
    border-collapse: collapse;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }

 table td{


    height: 30px;
    width: 40px;
    border: 16px solid #88ba48;
    text-align: center;
    font-weight: 600;


 }

 table td.keys{
    background: #eaf215;

 }

 table td.equal{
    background: #0963f4;

 }

  table td.operator{

    background: #6060a5;
 }



 table td.keys:hover{

background: #e2c312;
cursor: pointer;
transition: 0.25s;

 }

 table td.equal:hover{

    background: #e2c312;
    cursor: pointer;
    transition: 0.25s;
 }

table td.operator:hover{
    background: #e2c312;
    cursor: pointer;
    transition: 0.25s;


}