@charset “utf-8”;

// fonts @font-face {

font-family: "Gloria Hallelujah";
src: url("fonts/GloriaHallelujah.ttf");

}

@font-face {

font-family: "Permanent Marker";
src: url("fonts/PermanentMarker.ttf")

}

// VARIABLES

// fonts $base-font-family: “Gloria Hallelujah”, “Helvetica Neue”, Helvetica, Arial, sans-serif !default; $secondary-font-family: “Permanent Marker”, Helvetica, Arial, sans-serif !default; $base-font-size: 16px !default; $small-font-size: $base-font-size * 0.875 !default; $base-font-weight: 400px !default; $base-line-height: 1.5 !default;

// colors $text-color: hsl(203, 17%, 27%) !default; $text-color-light: lighten($text-color, 40%) !default; $text-color-dark: darken($text-color, 40%) !default; $background-color: #FFF !default; $brand-color: hsl(205, 30%, 45%) !default; $link-color: lighten($brand-color, 10%) !default;

// header $min-header-height: 80px;

// min breakpoint widths $break-sm: 300px; $break-md: 600px; $break-lg: 900px; $break-xl: 1200px;

// import partials @import

"quiet_comic/mixins",
"quiet_comic/base",
"quiet_comic/components",
"quiet_comic/grid",
"quiet_comic/syntax_highlighting"

;