* {

  font-family: "Lato", sans-serif;

}

*:focus {

  outline: none;

}

div {

  /*background: white;*/

  color: #fff;

}

#txtSearch {

  -webkit-appearance: none;

  margin-top: 30px;

  box-sizing: border-box;

  padding-left: 10px;

  border-radius: 40px;

  font-size: 14px;

  border: 3px solid #c21d04;

  color: #000;

  background: none;

  height: 40px;

  width: 180px;

  margin: 0;

  transition: 0.3s;

  box-shadow: inset 0 0 0 none;

}

::-webkit-input-placeholder {

  color: lightblue; 

}

#txtSearch:hover {

  color: #fff;

  box-sizing: border-box;

  border: 3px solid #c21d04;

  background: #fff;

}

#txtSearch:focus {

  background: #fff;

  border: 3px solid #c21d04;

  color: #000;

}

#btnSearch {

  font-family: "Lato";

  -webkit-appearance: none;

  text-transform: uppercase;

  border-radius: 30px;

  height: 40px;

  width: 70px;

  color: white;

  background: #c21d04;

  border: none;

  margin-left: 30px;

  cursor: pointer;

  transition-duration: 0.3s;

}

#btnSearch:hover {

  background: #0098da;

  color: #fff;

  border: 3px solid #0098da;

}

#btnSearch:active {

  border-color: #0098da;

  background: none;

}

.input-container {

  display: flex;

  margin-top: 30px;

  padding: 0;

  margin-left: 30px;

}

#dis {

  margin-top: 30px;

  display: block;

  text-align: justify;

  margin-left: 30px;

  width: 600px;

  color: #00B8FF;

}