html {
  background: #E7ECEE;
  height: 100%; }

#landing {
  width: 960px;
  margin: 0 auto; }

#form {
  width: 510px;
  float: left; }
  #form h1 {
    font-size: 28px; }
  #form h2 {
    border-bottom: 1px solid #eee;
    color: #9B9B9B;
    font-weight: normal;
    padding: 10px 0 5px;
    font-size: 12px; }
  #form .social_login a {
    opacity: 0.9; }
    #form .social_login a:hover {
      opacity: 1; }
  #form label {
    font-size: 16px;
    display: block;
    margin-bottom: 10px; }
  #form input {
    font-size: 16px;
    border: none;
    padding: 10px;
    border-radius: 5px;
    border: none;
    width: 340px;
    background: #fff;
    margin-right: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
    #form input:focus {
      box-shadow: 0 1px 6px rgba(5, 185, 236, 0.5);
      outline: none; }
  #form a {
    color: #999; }
  #form button {
    display: block;
    padding: 8px 16px;
    box-sizing: border-box;
    background-color: #790d88;
    background-image: -webkit-linear-gradient(#AF6EB8, #790d88);
    background-image: linear-gradient(#AF6EB8, #790d88);
    text-decoration: none;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
    border: none; }
    #form button:hover {
      background: #222;
      cursor: pointer; }
  #form .footer {
    color: #a9a9a9;
    font-size: 11px;
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 10px; }

#encouragement {
  width: 400px;
  float: right; }
  #encouragement h2 {
    font-size: 20px;
    padding-top: 20px; }
  #encouragement ul {
    overflow: hidden;
    margin: 0 0 10px;
    padding: 0; }
  #encouragement li {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
    padding: 17px 0 17px 60px;
    text-align: left;
    font-size: 14px; }
  #encouragement a {
    padding: 8px 16px;
    box-sizing: border-box;
    background-color: #B8C7CC;
    text-decoration: none;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
    border: none; }
    #encouragement a:hover {
      background: #222;
      cursor: pointer; }
  #encouragement .collect {
    background: url(icn-generic_collect@3x.png) left top no-repeat;
    background-size: 50px; }
  #encouragement .scan {
    background: url(icn-scan@3x.png) left top no-repeat;
    background-size: 50px; }
  #encouragement .relax {
    background: url(icn-relax@3x.png) left top no-repeat;
    background-size: 50px; }