.myrow {
border: 3px solid;
background-color: #00BFFF;
}
.tableprop {
border: 3px solid;
background-color: #00BFFF;
width: 100%; box-sizing: border-box; }
.hesaplamaTusu {
color: black;
font-family: "Times New Roman";
background-color: #FFFAF0;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.2em; 
margin: 4px 2px;
cursor: pointer;
width: 60px; 
height: 60px; 
font-family: "Times New Roman";
border: none; 
border-radius: 5px; 
transition: background-color 0.3s, color 0.3s; 
}
.hesaplamaTusu:hover {
background-color: #ff0000;
color: #ffffff;
}
.mytablediv {
position: relative;
width: 70%; max-width: 400px; margin: 0 auto; padding: 10px; box-sizing: border-box;
}
.invisible {
display: none;
}
.calctable {
width: 100%; }
.screentable {
width: 100%; text-align: right;
font-family: "Times New Roman";
font-size: 1em; }
.upperscreen {
background-color: black;
width: 100%;
text-align: right;
font-family: "Times New Roman";
font-size: 1em; padding: 10px; box-sizing: border-box;
}
.screen {
height: 40px; text-align: right;
font-size: 1em; width: 100%;
font-family: "Times New Roman";
box-sizing: border-box;
}
#options {
background-color: #FFFAF0;
color: black;
padding: 12px;
font-size: 1em;
border: none;
font-family: "Times New Roman";
border-radius: 5px;
cursor: pointer;
}
.dropdown:hover #options {
background-color: #3e8e41;
} @media (max-width: 600px) {
.hesaplamaTusu {
width: 40px;
height: 40px;
font-size: 1em;
}
.screen {
height: 30px;
font-size: 0.9em;
}
.upperscreen {
font-size: 0.9em;
}
#options {
padding: 10px;
font-size: 0.9em;
}
.dropdown-content button {
padding: 10px 12px;
font-size: 0.9em;
}
.mytablediv {
max-width: 300px; }
}