@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  width: 100%;
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
}

#coverage {
  background-color: #ff5043;
  margin-top: 1rem;
}

#skillLabel {
  color: #f2f2f2;
  margin-bottom: 0.5rem;
}

#zipcodeLabel {
  color: #f2f2f2;
  margin-bottom: 0.5rem;
}

#skill {
  background-color: #f2f2f2;
  color: #333333;
  height: 3.5rem;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-radius: 0.375rem;
}

#zipcode {
  background-color: #f2f2f2;
  color: #333333;
  height: 3.5rem;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-radius: 0.375rem;
} 

#check {
  background-color: #56ccf2;
  color: #f2f2f2;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-radius: 0.75rem;  
  font-weight: 600;
  border-width: 1px;
}

#check:hover {
  background: #f9f9f9;
  color: #333333;
  border-width: 1px;
  border-color: #333333;
}

#result {
  color: #f2f2f2;
}