body{
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color:#191522;
  font-size:2em;
}
pre{
  padding:0;
  border:0;
}
.container{
  max-width:840px;
}
*::-moz-selection{
  background-color: #D6DBE1;
  color:#2D353E;
}

header{
  padding:20px;
  background-color:#080808;
  color:#757171;

  min-height:200px;
  display:flex;
  align-items:center;
  justify-content:center;

}
header a{
    color:#9f9f9f;
    font-weight:600;
}
header a:hover{
    color:#FFF;
    text-decoration:none;
}
header .flexflex {
    display:flex; align-items:center;width:700px;
}
header img{
    width:140px;
    margin-right:20px;
    opacity:.5;
}

header p{
    font-size: 0.8em;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

/* nav */

nav.navbar {
    border-bottom:3px solid rgba(0,0,0,.4) !important;
}

nav.navbar.navbar-default{
  border-radius:0;
  border:0;
  margin-bottom:0;
}
nav a{
  font-size:14px;
}

/* articles */

article{
/*  overflow:hidden;*/
  font-size:19px;
  line-height:30px;
  border-top:2px rgba(66, 41, 195, 0.13) dashed;
  margin-bottom:20px;
}
article:first-child{
    border-top:0;
}

article h1,h2,h3,h4,h5,h6 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

article h1, article h1 a{
  color:#342b47;
  font-weight:800;
  font-size:29px;
  border-bottom:1px #FFF solid;
  transition:all .5s;
  text-decoration: none;
  line-height:35px;
  margin-bottom:0;
}

article h1::before{
    content: "# ";
    margin-left:-25px;
    color: #156862;

}

article h1 a:hover{
  text-decoration: none;
  border-color:rgba(20,60,90,.2);
  background-color:rgba(20,60,90,.2);

}
article h2{
    font-weight:700;
    font-size:20px;
}
article h2.date{
    margin-top:10px;
    color:#b2a8c9;
    white-space:nowrap;
}
article p a, article ul a{
  color:#342b47;
  border-bottom:1px #342b47 solid;
  transition:all .5s;
}
article p a:hover, article ul a:hover{
  border-color:rgba(20,60,90,.2);
  background-color:rgba(20,60,90,.2);
  text-decoration: none;
}
article img{
  width:100%;
}

article blockquote{
  border-left:0;
  margin-top: 20px;
  color:rgba(0,0,0,.5);
  border-top:1px #999 solid;
  border-bottom:1px #999 solid;
  background-color:rgba(0, 0, 0, .04);
}
article blockquote p{
  line-height:30px;
  font-weight:400;
}
article ul{
  padding:0 20px;
  line-height:30px;
}

/* end of article */

.comment_link{
    display:inline-block;
    padding:5px 10px;
    background-color:rgba(0,0,0,.1);
    color:rgba(0,0,0,.4);
    font-size: 15px;
    font-weight:300;
}
.comment_link:hover{
  text-decoration: none;
  color:rgba(0,0,0,.6);
}

/* pagination */

ul.pagination li a{
  font-size: 1.4rem;
  padding:5px 7px;
  border:0;
  color:#191919;
}

ul.pagination li.active a{
  background-color:#e0e0e0;
  color:#FFF;
}
ul.pagination li.active a:hover{
  background-color:#191919;
}

/* single post comments */

#comments .end_post{
    margin-top:20px;
    color: #277e50cc;
    font-size:13px;
    background-color: #36d72633;
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #25c53b;
    font-weight: 300;
}

.comment{
  padding:20px 0;
}
.comment h4{
  font-weight:600;
}
.comment p{
  padding:0 40px 0 20px;
  font-size:16px;
}

/* form comments ? */
input[type=text], textarea.form-control{
  border:1px white solid;
  border-radius:0;
  box-shadow:none;
  background-color:rgba(0,0,0,.05);
}

/* footer */

footer{
  border-top:1px solid rgba(0,0,0,.1);
  margin-top: 20px;
  background-color: #e0e0e0;
  padding: 30px 0;
  text-align:right;
}
footer a{
  color:#191919;
  margin-right: 10px;
  border-bottom:1px #191919 solid;
  transition:all 0.5s;
  letter-spacing:.4px;
}
footer a:hover{
  color:#000;
  text-decoration: none;
}
footer small{
  display:block;
  margin-top: 20px;
}
table{
    border-collapse:collapse;
    border:1px solid rgba(0,0,0,.4);
    width:100%;
    text-align:center;
    margin:30px auto;
}
table td{
    padding:10px;
}
table thead{
    background-color:rgba(0,0,0,.8);
    color:rgba(255,255,255,.8);
}
table tr:nth-child(even){
    background-color:rgba(20,41,34,.1);
}

/* homepage latest links */

#links{
    margin-top: 5px;
}
.links ul{
    font-size:12px;
    line-height:23px;
    margin-left:0px;
    margin-bottom:0;
}

.links ul li{
    padding:5px;
}

.links ul li:nth-of-type(odd){
    background-color: rgba(0, 0, 0, .03);
}

.links h1{
    font-size:14px;
    color:rgba(0, 0, 0, .9);
    border-bottom:3px rgba(0, 0, 0, .7) solid;

    padding:5px;
    margin-bottom:0;
}
.links h1 a{
    color:rgba(0, 0, 0, .7);
    text-decoration:underline;
    font-size:13px;
}
.links ul li a{
    color:rgba(0,0,0,.8);
}

/* homepage popular articles */

#links .popular p{
    color: #090a53cc;
}

#links .popular {
    font-size:13px;
    background-color: #f4f8fa;
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #bce8f1;
    font-weight: 300;
    border-bottom-width:3px;
}

#links .popular ul{
    list-style:inside;
    font-size:12px;
    line-height:23px;
    margin-left:0px;
    margin-bottom:0;
}

#links .popular ul li{

}

/* homepage latest links latest version */
#links .links2 p{
    color: #090a53cc;
}

#links .links2 {
    font-size:13px;
    background-color: #e91f911a;
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #f1bce1;
    border-bottom-width:3px;
    font-weight: 300;
}

#links .links2 ul{
    list-style:inside;
    font-size:12px;
    line-height:23px;
    margin-left:0px;
    margin-bottom:0;
}

#links .links2 a{
    color:#ca428f;
}