@import "variables";  // Import variables before anything else

/* @group Fonts */

@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,300,300italic,400italic,700italic");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,300italic,400italic,700italic");

/* @end Fonts */


/* @group Libraries */

@import "node_modules/bootstrap-sass/assets/stylesheets/_bootstrap";
@import "node_modules/animate.css/animate";

$fa-font-path: "../fonts";
@import "node_modules/font-awesome/scss/font-awesome";

/* @end Libraries */


/* @group Other Imports */

@import "creative/creative";
@import "pygment";

/* @end Other Imports */


@import "homepage";
@import "footer";


.panel-green {
  @include panel-variant(#139F5B, $white, #139F5B, #139F5B);
}


.panel-blue {
  @include panel-variant(#337AB7, $white, #337AB7, #337AB7);
}


.btn-primary-dark {
  @include button-variant($white, $brand-orange-dark, $brand-orange-dark);
}


.highlight> pre {
  background-color: transparent;
  font-size: $font-size-base;
}