td{
  width: 25%;
  cursor: pointer;
  background-color: #121212;
}

table{
  width: 100%;
  height: 70vh;
  color: white;
  font-family: Ubuntu;
  font-size: 23px;
  background-color: #2b2b2b;
}

.tools{
  background-color: #0091ff;
  text-align: center;
  border-radius: 10px;
  transition: 0.5s;
}

#tools_del{
  background-color: #dd3a3a;
  text-align: center;
  border-radius: 10px;
  transition: 0.5s;
}

.ziffern{
  text-align: center;
  font-family: Ubuntu;
  border-radius: 10px;
  transition: 0.5s;
}

.ziffern:hover{
  background-color: #12121288;
}

.tools:hover{
  background-color: #4ab1ff;
}

#tools_del:hover{
  background-color: #ff6666;
}

#res-area{
  height: 30vh;
  background-color: #121212;
  color: #0091ff;
  font-size: 64px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  font-family: Ubuntu;
}

body{
  font-family: Alfa Slab One;
  margin: 0;
}