// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

//partials
$blue: #3498db;
$green: #27ae60;
$grey: #ecf0f1;
$default: 'Source Sans Pro',arial, san-serif;
$large: 3em;
$med: 2em;
$smll: 1.15em;
$body-color: #7f8c8d;

@mixin thin{
  font-weight:100;
  letter-spacing:-2px;
}

body{
  background:$grey;
  font-family: $default;
  margin-left: 15%;
  margin-right: 15%;
  color: $body-color;
}

h1,h2,h3,h4,h5,h6{
  font-family: $default;
  line-height: inherit;
  text-align: left;
}

h1{
    font-size:$large;
    @include thin;
    color:$blue;
  }
  
  h2{
    font-size:$med;
    @include thin;
    color: $blue;
  }
  
  
//list styles
ul{ 
  margin-left:35px;
  li{
  max-width: 80%;
  padding-bottom:15px;  
  }
}

//buttons
.ghost-button{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border: 1px solid $blue;
  background-color: transparent;
  min-width: 150px;
  outline: none;
  font-size: $smll;
  color: $blue;
  text-decoration: none;
}

.ghost-button:hover{
  color:white;
  background-color:$blue;
}