.tepe-linkler {
height: 40px;
position: relative;
display: block;
top:50px;
text-align: center;
}
.tepe-linkler .katalog-not {
font-size: 0.7rem;
margin-top: -20px;
padding-top: -10px;
}


.tepe-linkler a {
    text-decoration: none;
    padding: 0,8em;
    border: 0;
    font-size: 0.8rem;
    color: white;
    border-radius: 0,5em;
    background-color: rgb(113, 197, 93);
    box-shadow: 0 0.2em #148;
    text-shadow: 1px 1px #148;

}

.tepe-linkler a:active {
background-color: #456ab5;
transform: translateY(0,1em);
box-shadow: 0 0.3em #148;
}

.tepe-linkler a:hover {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.5s ease-in-out 0s;
}
.urunler-container {
display: block;
position: relative;
top: 60px;
margin: auto;
max-width: 95vw;
max-height: 80vh;
overflow-y: auto;
}

#tesviyeci_egeleri, #testereci_egeleri, #ozel_egeler, #torpuler, #anahtarci_egeleri, #saatci_egeleri, #masatlar, #Eltesterelamalari, #saplar {
    text-align: center;
    clear:both;
}
.tesviyeci_egeleri, .testereci_egeleri, .ozel_egeler, .torpuler, .masatlar, .saatci_egeleri, .el_testere_lamalari, .anahtarci_egeleri, .saplar {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(4, auto);
grid-gap: 0.5em;
}

.tesviyeci_egeleri .cell, .testereci_egeleri .cell, .ozel_egeler .cell, .torpuler .cell, .saatci_egeleri .cell, .masatlar .cell, .el_testere_lamalari .cell, .anahtarci_egeleri .cell, .saplar .cell {
padding: 2px;
height: auto;
font-size: 0.6rem;
text-align: center;
background-color: rgb(255, 228, 181, 0.2);
}
.tesviyeci_egeleri .cell:hover, .testereci_egeleri .cell:hover, .ozel_egeler .cell:hover, .torpuler .cell:hover, .saatci_egeleri .cell:hover, .masatlar .cell:hover, .el_testere_lamalari .cell:hover, .anahtarci_egeleri .cell:hover, .saplar .cell:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  transition: all 0.5s ease-in-out 0s;
}

h2 {
    color: white;
text-shadow: 2px 0px 5px black;
background-color: rgb(62, 62, 91, 0.8);
border: 4px ridge white;

}
h3 {
color: white;
text-shadow: 2px 0px 5px black;
background-color: rgb(165, 42, 42, 0.6);
border-radius: 10px;
}

h3:hover {
    cursor: -moz-grab;
    background-color: rgb(113, 197, 93);
}

td, th {
border: 0.5px ridge gray;
}

#baba {
    text-align: center;
  }

  .wrapper {
  display: grid;
  grid-template-columns: 100px 209px 91px;
  grid-template-rows: 70px;
  grid-gap: 0.5em;
  background-color: white;
  }

  .cell1 p {
  font-family: 'Open Sans', sans-serif;
  color: black;
margin:3px 0 0 0;
  line-height: 0.9;
}

  span {
    font-size: 13px;
    font-weight: bold;
  }

  .ince {
    background-color: green;
  }

  .orta {
    background-color: yellow;
  }

  .kalin {
    background-color: red;
  }

 .resim {
      width: 100%;
      height: 100%;
     }