body{
  background:#f2f2f2;
  font-family: Arial, sans-serif;
}

.tools-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:20px;
  max-width:1200px;
  margin:auto;
  padding:20px;
}

/* Laptop / TV */
@media (min-width: 900px){
  .tools-grid{
    grid-template-columns: repeat(3,1fr);
  }
}

.my{
  background:white;
  padding:15px;
  border-radius:15px;
  box-shadow:0 2px 10px rgba(0,0,0,0.1);
}

.text{
  background:red;
  padding:20px;
  border-radius:50px;
  text-align:center;
}

a{
  text-decoration:none;
  color:yellow;
  font-size:20px;
}

a:hover{
  color:aqua;
}

h4{
  text-align:center;
  font-size:20px;
}

footer{
  text-align:center;
  margin-top:40px;
}

/* Search Bar */
#searchInput{
  width:90%;
  max-width:500px;
  display:block;
  margin:20px auto;
  padding:15px;
  border-radius:50px;
  border:2px solid gray;
  font-size:18px;
}