/******************************************************
 * I copied these styles from markdotto.com, who is
 * the creator of bootstrap, and I also did some
 * modification. Thanks Mark for the beautiful theme,
 * so I reserved the @mdo sign below.
 *****************************************************/

/*
  __
  __                  /\ \
  /'_`\_    ___ ___    \_\ \    ___
  /'/'_` \ /' __` __`\  /'_` \  / __`\
  /\ \ \L\ \/\ \/\ \/\ \/\ \L\ \/\ \L\ \
  \ \ `\__,_\ \_\ \_\ \_\ \___,_\ \____/
  \ `\_____\\/_/\/_/\/_/\/__,_ /\/___/
  `\/_____/

*/

@import './fonts.css';

html {
    overflow-y: scroll;
}
p {
    text-align: justify;
    text-justify: inter-word;
}

.header {
text-shadow: 0 1px 0 #ccc,
             0 2px 0 #c9c9c9,
             0 3px 0 #bbb,
             0 4px 0 #b9b9b9,
             0 5px 0 #aaa,
             0 6px 1px rgba(0,0,0,.1),
             0 0 5px rgba(0,0,0,.1),
             0 1px 3px rgba(0,0,0,.3),
             0 3px 5px rgba(0,0,0,.2),
             0 5px 10px rgba(0,0,0,.25),
             0 10px 10px rgba(0,0,0,.2),
             0 20px 20px rgba(0,0,0,.15);
}
.page-subtitle {
    text-align: inherit;
    text-justify: inherit;
}

@media (max-width: 40.0rem) {

    .profile_pic {
        display: none;
    }
    .profile_pic_mobile {
        display: block;
    }
}

.profile_pic img {
    border-radius: 3px;
}

pre {
    //background: snowwhite;
    border-left: .3rem solid #d81252;
    font-family: "Menlo","Consolas","Bitstream Vera Sans Mono","DejaVu Sans Mono","Monaco",monospace;
}

a {
    color: #d81252;
    font-weight: bold;
}

a:hover {
    color: #d81252;
}

body {
    font-family: 'Roboto', sans-serif;
    color: #323538;
    background-color: snowwhite;
    opacity: 0.9;
    padding-top: 50px;
}

section.header h2 {
    font-family: 'Josefin Slab';
}

section.header a {
    color: inherit;
}

section.post section.head, h1, h2, h3, h4, h5 {
    font-family: 'Quicksand', sans-serif;
    font-size: 1.5em;
    font-weight: bold;
}

section.post section.head section.date {
    font-size: 0.5em;
}

section.post section.body {
    margin-top: 40px;
}