/* body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure {
 margin:0;
 padding:0
} */
/* Global */
/* * {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica;
}

body {
  overflow: hidden;
  height: 100vh;
}

main {
  overflow-y: auto;
}*/

/* Main Body attributes */
body {
    font: 400 15.3px/1.6 -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
/*    color: #111;
    background-color: #fdfdfd; */
    color: #fdfdfd;
    background-color: #111;
    -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;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    padding: 0 2%
}
@media screen and (min-width: 600px) {
    body {
        padding: 0 5%;
        font: 400 18px/1.8 -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    }
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
ul,
ol,
dl,
figure {
 margin-bottom:15px
}
main {
 display:block
}
hr {
 margin-top:20px;
 margin-bottom:20px;
 border:0;
 height:1px;
 background:-webkit-linear-gradient(left, transparent, rgba(0,0,0,0.5), transparent);
 background:linear-gradient(left, transparent, rgba(0,0,0,0.5), transparent)
}
img {
 margin-bottom:5px;
 margin-top:5px;
 padding:2px 2px;
 border-radius:3px;
 background-color:#f0f0f0;
 max-width:100%;
 vertical-align:middle
}
figure>img {
 display:block
}
figcaption {
 font-size:15.3px
}
ul,
ol {
 margin-left:30px
}
li>ul,
li>ol {
 margin-bottom:0
}
h1,
h2,
h3,
h4,
h5,
h6 {
 margin-top:2rem;
 font-weight:400
}
a {
 color:#2a7ae2;
 text-decoration:none
}
/* a:hover {
 text-decoration:underline */
}
blockquote {
 color:#828282;
 border-left:4px solid #e8e8e8;
 padding-left:15px;
 font-size:18px;
 letter-spacing:-1px
}
@media (max-width: 600px) {
 blockquote {
  font-size:14.4px
 }
}
blockquote>:last-child {
 margin-bottom:0
}
pre,
code {
 font-size:16.2px;
 border:1px solid #e0e0e0;
 border-radius:3px;
 background-color:#f0f0f0
}
code {
 padding:1px 1px
}
pre {
 padding:2px 2px;
 overflow-x:auto
}
pre>code {
 border:0;
 padding-right:0;
 padding-left:0
}
.wrapper {
 max-width:-webkit-calc(800px - (30px));
 max-width:calc(800px - (30px));
 margin-right:auto;
 margin-left:auto;
 padding-right:15px;
 padding-left:15px
}
@media screen and (min-width: 800px) {
 .wrapper {
  max-width:-webkit-calc(800px - (30px * 2));
  max-width:calc(800px - (30px * 2));
  padding-right:30px;
  padding-left:30px
 }
}
.wrapper:after {
 content:"";
 display:table;
 clear:both
}
.orange {
 color:#f66a0a
}
.grey {
 color:#828282
}
.svg-icon {
 width:16px;
 height:16px;
 display:inline-block;
 fill:currentColor;
 padding:5px 3px 2px 5px;
 vertical-align:text-bottom
}
table {
 margin-bottom:30px;
 width:100%;
 text-align:left;
 color:#3f3f3f;
 border-collapse:collapse;
 border:1px solid #e8e8e8
}
table tr:nth-child(even) {
 background-color:#f7f7f7
}
table th,
table td {
 padding:10px 15px
}
table th {
 background-color:#f0f0f0;
 border:1px solid #dedede;
 border-bottom-color:#c9c9c9
}
table td {
 border:1px solid #e8e8e8
}

/* Site Navigation! */
.site-header {
 border-top:5px solid #424242;
 border-bottom:1px solid #e8e8e8;
 min-height:55.95px;
 line-height:72.9px;
 position:relative
}
.site-nav {
 position:absolute;
 top:9px;
 right:15px;
 background-color:#fdfdfd;
 border:1px solid #e8e8e8;
 border-radius:5px;
 text-align:right
}
.site-nav .nav-trigger {
 display:none
}
.site-nav .menu-icon {
 float:right;
 width:36px;
 height:26px;
 line-height:0;
 padding-top:10px;
 text-align:center
}
.site-nav .menu-icon>svg path {
 fill:#424242
}
.site-nav label[for="nav-trigger"] {
 display:block;
 float:right;
 width:36px;
 height:36px;
 z-index:2;
 cursor:pointer
}
.site-nav input ~ .trigger {
 clear:both;
 display:none
}
.site-nav input:checked ~ .trigger {
 display:block;
 padding-bottom:5px
}
.site-nav .page-link {
 color:#111;
 line-height:1.8;
 display:block;
 padding:5px 10px;
 margin-left:20px
}
.site-nav .page-link:not(:last-child) {
 margin-right:0
}
@media screen and (min-width: 600px) {
 .site-nav {
  position:static;
  float:right;
  border:none;
  background-color:inherit
 }
 .site-nav label[for="nav-trigger"] {
  display:none
 }
 .site-nav .menu-icon {
  display:none
 }
 .site-nav input ~ .trigger {
  display:block
 }
 .site-nav .page-link {
  display:inline;
  padding:0;
  margin-left:auto
 }
 .site-nav .page-link:not(:last-child) {
  margin-right:20px
 }
}
.site-footer {
 padding:20px 0
}
.footer-heading {
 font-size:20.25px;
 margin-bottom:15px
}
@media (max-width: 500px) {
 .p-name {
  font-size:16.2px
 }
}
@media (max-width: 500px) {
 .u-email {
  font-size:16.2px
 }
}


/* SOCIAL MEDIA */
.contact-list,
.social-media-list {
 list-style:none;
 margin-left:0
}

.social-media-list {
 margin-top:-1rem;
 display:flex;xx
 font-size:18px
}
.social-media-list li {
 float:left
}
.social-media-list li a {
 padding-right:6px
}


/* Page Styles! */
.page-content {
 padding:30px 0;
 flex:1 0 auto
}
.page-heading {
 font-size:36px
}
.home-title {
 margin-top:20px
}
.home-heading {
 font-weight:1000;
 color:#373737;
 font-size:39.6px
}
@media (max-width: 500px) {
 .home-heading {
  margin-top:20px;
  font-size:30.6px
 }
}
.home-sub-heading {
 margin-top:-0.6rem;
 color:#515151;
 font-size:18px
}
@media (max-width: 500px) {
 .home-sub-heading {
  font-size:14.4px
 }
}
.post-list {
 margin-top:2.5rem;
 margin-left:0;
 list-style:none
}
.post-list li {
 margin-bottom:15px
}
.post-year {
 margin-top:2rem;
 margin-bottom:0.25rem;
 font-weight:700;
 color:#373737;
 font-size:27px
}
@media (max-width: 500px) {
 .post-year {
  font-size:21.6px
 }
}
.post-meta {
 display:inline-block;
 min-width:60px;
 font-size:18px;
 color:#515151
}
@media (max-width: 500px) {
 .post-meta {
  font-size:14.4px
 }
}
.post-link {
 font-size:21.6px;
/* color: #111; */
 color: #fdfdfd;
 text-decoration: none;
 font-weight: 600;
}
@media (max-width: 500px) {
 .post-link {
  font-size:18px
 }
}
.black-link {
/* color:#111; */ */
 color: #fdfdfd;
 text-decoration:none
}
.black-link:hover {
/* color:#111; */
 color: #fdfdfd;
 text-decoration:underline
}
.post-back {
 margin-bottom:20px;
 color:#515151
}
.post-header {
 margin-bottom:30px
}
.post-title,
.post-content h1 {
 font-size:39.6px;
 line-height:1.3;
 font-weight:1000;
 margin-top:-0.5rem
}
@media (max-width: 500px) {
 .post-title,
 .post-content h1 {
  font-size:32.4px
 }
}
@media screen and (min-width: 800px) {
 .post-title,
 .post-content h1 {
  font-size:39.6px
 }
}
.post-content {
 margin-top:3.2rem;
 margin-bottom:30px
}
.post-content h2 {
 font-size:31.5px
}
@media screen and (min-width: 800px) {
 .post-content h2 {
  font-size:36px
 }
}
.post-content h3 {
 font-size:24.75px
}
@media screen and (min-width: 800px) {
 .post-content h3 {
  font-size:29.25px
 }
}
.post-content h4 {
 font-size:20.25px
}
@media screen and (min-width: 800px) {
 .post-content h4 {
  font-size:22.5px
 }
}


@media screen and (min-width: 800px) {
 .one-half {
  width:-webkit-calc(50% - (30px / 2));
  width:calc(50% - (30px / 2))
 }
}


/* ABOUT PAGE */
.about-page {
 display:inline-block
}
.about-page .about-header {
 display:flex;
 flex-direction:row;
 flex-wrap:wrap
}
.about-page .about-header .about-avatar {
 padding:1px;
 border:1px solid #e8e8e8;
 width:10rem;
 height:10rem;
 margin:0 2rem 0 0
}
.about-page .about-header .about-info {
 align-self:center
}
.about-page .about-header .about-info .about-your-name {
 display:flex;
 flex-direction:row;
 margin-top:1rem;
 font-size:27px
}
.about-page .about-header .about-info .about-description {
 margin-top:-0.6rem;
 font-size:18px;
 color:#515151
}
.about-page .about-content {
 margin-top:2rem
}