#searchBar{

  width: 500px;
  margin: auto;
  margin-left: 150px;
  font-size: 20px;
  padding: 5px 7px;


}

#results{

  text-align: center;

}

.result{

  padding: 20px 20px;
  border-radius: 5px;
  background-color: #f2f2f2;
  margin: 10px;
  margin-bottom: 20px;
  transition: 0.2s;



}

.result:hover{

  background-color: #e6e6e6;
  cursor: pointer;


}

.userLink{

  color: var(--main);


}

.userLink{

  color: black;

}



table{

  text-align: center;
  width: 400px;
  padding: 10px 10px;
  border: solid var(--main) 1px;
  border-radius: 10px;
  margin: auto;
  margin-bottom: 50px;

}

tr{

  padding-bottom: 40px;

}




@media only screen and (max-width: 800px) {

  table{

    width: 200px;

  }

  .text{

    width: 100%;

  }

  #searchBar{

    width: calc(100% - 20px);
    margin: 10px;

  }


}