*{
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;
}
Comments