theme.scss

/*-- scss:defaults --*/

$navbar-bg: #fff7f5;
$navbar-fg: #c54b29;
$navbar-hl: #c54b29;
$white:    #fff7f5 !default;
$black:    #000 !default;
$primary:  #FEF0EC !default;
$headings-font-family:'Fraunces' !default;
$font-family-base:  'Commissioner' !default;   
$link-color: #ce3d15;
$enable-grid-classes:         true !default;


/*-- scss:rules --*/


@font-face {
    font-family: 'Commissioner';
    src: url('static/fonts/commissioner-v13-latin-regular.woff2') format('woff2'),
        url('static/fonts/commissioner-v13-latin-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fraunces';
    src: url('static/fonts/Fraunces9pt-Light.woff2') format('woff2')
}

h1, h2, h3, h4, h5, h6 {
  color: #ce3d15;
  font-weight: bold;
}

#about-me-text {
  align-items: end;
  display: grid;
}

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
) !default;
// scss-docs-end grid-breakpoints

@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
@include _assert-starts-at-zero($grid-breakpoints, "$grid-breakpoints");


// Grid containers
//
// Define the maximum width of `.container` for different screen sizes.

// scss-docs-start container-max-widths
$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px,
  xxl: 1320px
) !default;
// scss-docs-end container-max-widths

@include _assert-ascending($container-max-widths, "$container-max-widths");


// Grid columns
//
// Set the number of columns and specify the width of the gutters.

$grid-columns:                12 !default;
$grid-gutter-width:           1.5rem !default;
$grid-row-columns:            6 !default;

// Container padding

$container-padding-x: $grid-gutter-width !default;