# Only the main Sass file needs front matter (the dashes are enough)


/* Colors */ .primary{

color: #FFF !important;
background-color: #332000 !important;

}

.highlight{

color: #FFF !important;
background-color: #329A00 !important;

}

/* Fonts */ @font-face {

font-family: Kirsty;
src: url(../assets/fonts/kirsty/kirsty-bd.ttf) format("truetype");

}

@font-face {

font-family: KirstyRegular;
src: url(../assets/fonts/kirsty/kirsty-rg.ttf) format("truetype");

}

.title {

font-family: Kirsty;

}

h1, h2, h3, h4, h5, h6 {

font-family: Kirsty;

}

html {

font-family: Ubuntu;

}

.centered {

display: inline;
align-content:center;
align-self: center;
align-items: center;

}

.inset {

padding-left: 1%;
width: 99%;
display: block;

}

/* Title and Nav */ nav .brand-logo {

font-size: 3rem;

}

.nav-wrapper {

padding-top: 0px;
padding-bottom: 0px;
align: center;

}

.nav {

align: center;

}

.nav ul li {

float: right;

}

.dropdown-content {

overflow: visible;

}

/* Main Content */ .card {

padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 10px;

}

.card-panel {

margin-top: 0px;
margin-bottom: 5px;
padding: 10px;
padding-bottom: 2px;

}

.row {

margin: 5px;

}

.flow-text {

font-size: 1rem;

}

.material-icons {

display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle !important;

}

img {

padding-top: 30px;
padding-bottom: 2px;
padding-left: 20px;
padding-right: 20px;

}

/* Footer */ .page-footer {

padding: 2px;
font-size: 1.2rem;

}

.page-footer a:link {

color: blue;

}

.footer-copyright {

padding: 2px;

}

$primary-color: #332000; $highlight-color: #329A00;

/**

* Code formatting
*/

$base-font-size:   16px !default;

$ratio: 0;

$grey-color:       $primary-color !default;
$grey-color-light: lighten($grey-color, 10%) !default;
$grey-color-dark:  darken($grey-color, 10%) !default;

@mixin relative-font-size($ratio) {
  font-size: $base-font-size * $ratio;
}

pre, code {

@include relative-font-size(0.9375);
border: 3px inset $grey-color-light;
border-radius: 3px;

}

code {

padding: 1px 5px;

}

pre {

padding: 8px 12px;
overflow-x: auto;

> code {
  border: 0;
  padding-right: 0;
  padding-left: 0;
}

}

/**

* Syntax highlighting styles
*/

$spacing-unit:     30px !default;

h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure,
%vertical-rhythm {
  margin-bottom: $spacing-unit / 2;
}

.highlight {

background: #fff;
@extend %vertical-rhythm;

.highlighter-rouge & {
  background: #eef;
}

.c     { color: #998; font-style: italic } // Comment
.err   { color: #a61717; background-color: #e3d2d2 } // Error
.k     { font-weight: bold } // Keyword
.o     { font-weight: bold } // Operator
.cm    { color: #998; font-style: italic } // Comment.Multiline
.cp    { color: #999; font-weight: bold } // Comment.Preproc
.c1    { color: #998; font-style: italic } // Comment.Single
.cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special
.gd    { color: #000; background-color: #fdd } // Generic.Deleted
.gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
.ge    { font-style: italic } // Generic.Emph
.gr    { color: #a00 } // Generic.Error
.gh    { color: #999 } // Generic.Heading
.gi    { color: #000; background-color: #dfd } // Generic.Inserted
.gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
.go    { color: #888 } // Generic.Output
.gp    { color: #555 } // Generic.Prompt
.gs    { font-weight: bold } // Generic.Strong
.gu    { color: #aaa } // Generic.Subheading
.gt    { color: #a00 } // Generic.Traceback
.kc    { font-weight: bold } // Keyword.Constant
.kd    { font-weight: bold } // Keyword.Declaration
.kp    { font-weight: bold } // Keyword.Pseudo
.kr    { font-weight: bold } // Keyword.Reserved
.kt    { color: #458; font-weight: bold } // Keyword.Type
.m     { color: #099 } // Literal.Number
.s     { color: #d14 } // Literal.String
.na    { color: #008080 } // Name.Attribute
.nb    { color: #0086B3 } // Name.Builtin
.nc    { color: #458; font-weight: bold } // Name.Class
.no    { color: #008080 } // Name.Constant
.ni    { color: #800080 } // Name.Entity
.ne    { color: #900; font-weight: bold } // Name.Exception
.nf    { color: #900; font-weight: bold } // Name.Function
.nn    { color: #555 } // Name.Namespace
.nt    { color: #000080 } // Name.Tag
.nv    { color: #008080 } // Name.Variable
.ow    { font-weight: bold } // Operator.Word
.w     { color: #bbb } // Text.Whitespace
.mf    { color: #099 } // Literal.Number.Float
.mh    { color: #099 } // Literal.Number.Hex
.mi    { color: #099 } // Literal.Number.Integer
.mo    { color: #099 } // Literal.Number.Oct
.sb    { color: #d14 } // Literal.String.Backtick
.sc    { color: #d14 } // Literal.String.Char
.sd    { color: #d14 } // Literal.String.Doc
.s2    { color: #d14 } // Literal.String.Double
.se    { color: #d14 } // Literal.String.Escape
.sh    { color: #d14 } // Literal.String.Heredoc
.si    { color: #d14 } // Literal.String.Interpol
.sx    { color: #d14 } // Literal.String.Other
.sr    { color: #009926 } // Literal.String.Regex
.s1    { color: #d14 } // Literal.String.Single
.ss    { color: #990073 } // Literal.String.Symbol
.bp    { color: #999 } // Name.Builtin.Pseudo
.vc    { color: #008080 } // Name.Variable.Class
.vg    { color: #008080 } // Name.Variable.Global
.vi    { color: #008080 } // Name.Variable.Instance
.il    { color: #099 } // Literal.Number.Integer.Long

}