@import '../bower_components/foundation/scss/normalize.scss';
@import '../bower_components/foundation/scss/foundation.scss';

@import "settings";

$green: #31cd11;

/*
  _    _                _
 | |  | |              | |
 | |__| | ___  __ _  __| | ___ _ __
 |  __  |/ _ \/ _` |/ _` |/ _ \ '__|
 | |  | |  __/ (_| | (_| |  __/ |
 |_|  |_|\___|\__,_|\__,_|\___|_|
*/
header#top-bar{
  position: fixed;
  width:100%; top:0;
  background-color: rgba(250, 250, 250, 0.8);
  // TODO: flou sous le haeder
  z-index: 10;
  h1{
    text-align: center;
    a{
    color: #000;
  }}

  #right-nav{

  }

  #left-nav{
    ul{padding: 0; margin: 0;}
    li{
      list-style: none;
    }
  }
}

/*
   _____           _
  / ____|         | |
 | |     ___ _ __ | |_ ___ _ __
 | |    / _ \ '_ \| __/ _ \ '__|
 | |___|  __/ | | | ||  __/ |
  \_____\___|_| |_|\__\___|_|
*/
div#center{
  padding-top:10em;
  .columns{
    padding: 0;
  }
  .projet{
    padding:1em;
  }
}

/*
   __            _
  / _|          | |
 | |_ ___   ___ | |_ ___ _ __
 |  _/ _ \ / _ \| __/ _ \ '__|
 | || (_) | (_) | ||  __/ |
 |_| \___/ \___/ \__\___|_|
 */
footer#bottom-bar{
  background-color: $green;
  text-align: center;
  padding: 1em 0;
}