/*--------------------------*\
  Different styles that 
  could be injected by 
  Feather
\*--------------------------*/
.feather-fixed-h {
  height: 1.5rem;
}

.feather-fixed-w {
  width: 1.5rem;
}

.feather-fixed-wh {
  height: 1.5rem;
  width: 1.5rem;
}

/*--------------------------*\
  Pretify
\*--------------------------*/
.container {
  align-content: center;
  align-items: center;
  color: rgba(0, 0, 0, .80);
  flex-wrap: wrap;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  justify-content: flex-start;
  min-height: 100vh;
}

.column {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.title {
  margin-top: 100px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 4rem;
  text-align: center;
  width: 100%;
}

#button {
  align-items: center;
  background-color: lightblue;
  border-radius: 4px;
  display: inline-flex;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 2rem;
  padding: 1rem 1.5rem;
  width:100%;
  
  
  & .feather-fixed-w, .feather-fixed-h, .feather-fixed-wh {
    color: rgba(0, 0, 0, .80);
    padding-left: 1rem;
  }
}

a {
	width:200px;
}

label {
    padding-left: 1rem;
}

.icon-background-h {
  height: 1.5rem;
  padding-left: 1rem;
}

.icon-background-w {
  width: 1.5rem;
}

.icon-background-wh {
  height: 1.5rem;
  width: 1.5rem;
}

/*--------------------------*\
  For fun
\*--------------------------*/
.grow {
  transition: all .2s ease-in-out;
}

.grow:hover {
  transform: scale(1.05);
}