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

html {
  font-size: 13px;
  color: #6a6a6a;
}

.pure-g [class*="pure-u"] {
  font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif
}

a {
  color: #6a6a6a;
  text-decoration: none;
}

.center {
  margin: 0 auto;
  text-align: center;
}

.logo {
  max-width: 400px;
  margin: 70px auto;
  width: 80%;
}

.logo-2 {
  max-width: 150px;
  margin: 40px auto;
  width: 80%;
}

.p-2{
  padding: 20px;
}

.store-badges {
  width: auto;
  margin: auto;
  max-width: 200px;
  height: auto;
  min-height: 100%;
}

.bottom {
  padding-top: 40px;
}

.title {
  font-family: 'Helvetica', sans-serif;
  font-size: 14px;
  font-weight: 800;
  padding-bottom: 30px;
}

.button-xlarge {
  font-family: 'Helvetica', sans-serif;
  font-size: 125%;
  border-radius: 22px;
  display: block;
  width: 80%;
  margin: 20px auto;
  font-weight: bolder;
  padding: 0.8em 1em;
}

.pure-button-hover, .pure-button:focus, .pure-button:hover {
  background-image: none;
}

.pure-button-active, .pure-button:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #000;
}