/*

*/

/*

* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {

background: #b3d4fc;
text-shadow: none;

}

::selection {

background: #b3d4fc;
text-shadow: none;

}

/**

* Basic styling
*/

html {

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}

*, *:before, *:after {

-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;

}

html, body{

margin: 0 !important;
height: 100%;

}

body {

font: 400 16px/1.5 "PT Sans", 'Nanum Gothic', Helvetica, Arial, sans-serif;
color: #111;
background-color: map-get($colors, _grey-background);
-webkit-text-size-adjust: 100%;
-webkit-font-feature-settings: "kern" 1;
-moz-font-feature-settings: "kern" 1;
-o-font-feature-settings: "kern" 1;
font-feature-settings: "kern" 1;
font-kerning: normal; }

/**

* Set `margin-bottom` to maintain vertical rhythm
*/

h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight {

margin-bottom: 15px; }

/**

* Images
*/

img {

max-width: 100%;
vertical-align: middle; }

/**

* Figures
*/

figure > img {

display: block; }

figcaption {

font-size: 14px; }

/**

* Lists
*/

ul, ol {

margin-left: 30px; }

li > ul, li > ol {

margin-bottom: 0; }

/**

* Headings
*/

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

font-weight: 400; }

/**

* Links
*/

a {

color: map-get($colors, _white);
text-decoration: none;

} a:visited {

color: map-get($colors, _white);

} a:hover {

color: map-get($colors, _white);
text-decoration: none;

}

/**

* Blockquotes
*/

blockquote {

color: #828282;
border-left: 4px solid #e8e8e8;
padding-left: 15px;
font-size: 18px;
letter-spacing: -1px;
font-style: italic;

}

blockquote > :last-child {

margin-bottom: 0;

}

/**

* Code formatting
*/

pre, code {

font-size: 15px;
border: 1px solid #e8e8e8;
border-radius: 3px;
background-color: #eef; }

code {

padding: 1px 5px; }

pre {

padding: 8px 12px;
overflow-x: auto; }
pre > code {
  border: 0;
  padding-right: 0;
  padding-left: 0; }

/**

* Wrapper
*/

.wrapper {

height: 70%;
max-width: -webkit-calc(800px - (30px * 2));
max-width: calc(800px - (30px * 2));
margin-right: auto;
margin-left: auto;
padding: 25px;
a {
color: map-get($colors, _blue-cobalt);
text-decoration: none; }
a:visited {
  color: map-get($colors,_blue-cello); }
a:hover {
  color: map-get($colors, _blue-cello);
  text-decoration: none; }
&-title{
  flex-basis: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
&:after{
  content: "";
  display: table;
  clear: both;
}
@include breakpoint(computers){
  max-width: -webkit-calc(800px - (30px));
  max-width: calc(800px - (30px));
  padding-right: 15px;
  padding-left: 15px;
}

}

/**

* Icons
*/

.icon > svg {

display: inline-block;
vertical-align: middle; }
.icon > svg path {
  fill: #828282; }

.footer{

&-col{
  padding-left: 5px;
  &-wrapper{
    font-size: 15px;
    color: map-get($colors, _white);
    display: flex;
    &:after{
      content: "";
      display: table;
      clear: both;
    }
  }
}

}

/**

* Page content
*/

.page-content {

padding: 30px 0; }

.page-heading {

font-size: 20px; }

.post-list > li {

margin-top: 30px; }

/**

* Blicking effect
*/

blink { animation: blinker 0.7s infinite alternate; } @keyframes blinker {

from { visibility: hidden; }
50% { visibility: hidden; }
to { visibility: visible; }

} @-webkit-keyframes blinker {

from { visibility: hidden; }
50% { visibility: hidden; }
to { visibility: visible; }

}

/**

* Syntax highlighting styles
*/
 .highlighter-rouge .highlight {
   background: #eef; }
 .highlight .c {
   color: #998;
   font-style: italic; }
 .highlight .err {
   color: #a61717;
   background-color: #e3d2d2; }
 .highlight .k {
   font-weight: bold; }
 .highlight .o {
   font-weight: bold; }
 .highlight .cm {
   color: #998;
   font-style: italic; }
 .highlight .cp {
   color: #999;
   font-weight: bold; }
 .highlight .c1 {
   color: #998;
   font-style: italic; }
 .highlight .cs {
   color: #999;
   font-weight: bold;
   font-style: italic; }
 .highlight .gd {
   color: #000;
   background-color: #fdd; }
 .highlight .gd .x {
   color: #000;
   background-color: #faa; }
 .highlight .ge {
   font-style: italic; }
 .highlight .gr {
   color: #a00; }
 .highlight .gh {
   color: #999; }
 .highlight .gi {
   color: #000;
   background-color: #dfd; }
 .highlight .gi .x {
   color: #000;
   background-color: #afa; }
 .highlight .go {
   color: #888; }
 .highlight .gp {
   color: #555; }
 .highlight .gs {
   font-weight: bold; }
 .highlight .gu {
   color: #aaa; }
 .highlight .gt {
   color: #a00; }
 .highlight .kc {
   font-weight: bold; }
 .highlight .kd {
   font-weight: bold; }
 .highlight .kp {
   font-weight: bold; }
 .highlight .kr {
   font-weight: bold; }
 .highlight .kt {
   color: #458;
   font-weight: bold; }
 .highlight .m {
   color: #099; }
 .highlight .s {
   color: #d14; }
 .highlight .na {
   color: #008080; }
 .highlight .nb {
   color: #0086B3; }
 .highlight .nc {
   color: #458;
   font-weight: bold; }
 .highlight .no {
   color: #008080; }
 .highlight .ni {
   color: #800080; }
 .highlight .ne {
   color: #900;
   font-weight: bold; }
 .highlight .nf {
   color: #900;
   font-weight: bold; }
 .highlight .nn {
   color: #555; }
 .highlight .nt {
   color: #000080; }
 .highlight .nv {
   color: #008080; }
 .highlight .ow {
   font-weight: bold; }
 .highlight .w {
   color: #bbb; }
 .highlight .mf {
   color: #099; }
 .highlight .mh {
   color: #099; }
 .highlight .mi {
   color: #099; }
 .highlight .mo {
   color: #099; }
 .highlight .sb {
   color: #d14; }
 .highlight .sc {
   color: #d14; }
 .highlight .sd {
   color: #d14; }
 .highlight .s2 {
   color: #d14; }
 .highlight .se {
   color: #d14; }
 .highlight .sh {
   color: #d14; }
 .highlight .si {
   color: #d14; }
 .highlight .sx {
   color: #d14; }
 .highlight .sr {
   color: #009926; }
 .highlight .s1 {
   color: #d14; }
 .highlight .ss {
   color: #990073; }
 .highlight .bp {
   color: #999; }
 .highlight .vc {
   color: #008080; }
 .highlight .vg {
   color: #008080; }
 .highlight .vi {
   color: #008080; }
 .highlight .il {
   color: #099; }