
.pre-comment{
color:#50A951;
}
 pre{
background-color: rgba(115, 115, 115, 0.25);
border: 1px solid #747474;
color: #A2A1A1;
display:block;
	padding:15px !important;

	margin:0 0 30px !important;
	font-size:14px;
	line-height:24px;
	word-break:break-all;
	word-wrap:break-word;
	white-space:pre;
	white-space:pre-wrap;
}

.pre-class{
color:#cc6478;
}

/*EXAMPLE FONTS*/
.example-font{
font-family: 'oswaldbold';
letter-spacing: 5px;
font-size: 50px;
line-height: 60px;
text-align: center;
}
.example-ralevay{
letter-spacing: 3px;
text-align: center;

}
code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #1c1c1c;
    border-radius: 4px;
}
.scroll-doc{
	height: 600px;
	overflow:auto;
}
.outro li{
	text-transform: uppercase;
	font-family: 'oswaldlight';
	font-size: 12px;
	letter-spacing: 2px;
}


.by-author p{
	margin-bottom: 0px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	font-family: 'oswaldlight', sans-serif;
}
.by-author{
	position: relative;
}
.by-author-head{
	padding: 20px 0px;
}


.by-author-meta{
	width:40%;
	border-right: 1px solid #080808;
	padding: 20px;
}
.by-author-content{
	width:60%;
	padding: 20px;
}
.by-author-body{
	border:1px solid #080808;
	 display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
@media only screen and (min-width: 1600px) {
.spy-container .container{
	    width: 1170px;
}
}
@media only screen and (max-width: 1599px) {
.spy-container .container{
	    width: 1040px;
}
}
@media only screen and (max-width: 1366px) {
.spy-container .container{
	    width: 840px;
}
}
@media only screen and (max-width: 1169px) {
.spy-container .container{
	    width: 700px;
}
}
@media only screen and (max-width: 1024px) {
.spy-container .container{
	    width: 90%;
}
}
@media only screen and (max-width: 991px) {
.spy-container .container{
	    width: 750px;
}
.spy-container {
    margin-right: 0;
}
}
@media only screen and (max-width:767px) {
.spy-container .container{
	    width: 100%;
}
}
