.tools-parent {
  height: 100%;
  width: 100%;
  background-color: 	#AAFFFF;
  justify-content: center;
  display: flex;
}

.tools-area {
  height: 70%;
  width: 70%;
  overflow: auto;
  margin-top: 5%;
  background-color: #fff;
}

ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
}
 
.service {
  border: 3px solid #aaa;
  height: 8vh;
  margin: 1vw;
  border-radius: 15px;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.service a {
  text-decoration: none;
  font-weight: bold;
  color: #000;
}

.service:hover {
  background-color: #AAFFFF;
}

.service a:hover{
  text-shadow: 1px 2px 3px #808080;
}

.no-service {
  border: 3px dashed #aaa;
  height: 8vh;
  margin: 1vw;
  border-radius: 15px;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}