@charset "utf-8";
 @font-face {
	 font-family: "Samim";
	 src: url('../fonts/Samim.woff') format('woff');
	 font-weight: normal;
}
 @font-face {
	 font-family: "Samim";
	 src: url('../fonts/Samim-Bold.woff') format('woff');
	 font-weight: bold;
}
 ::selection {
	 color: #eee;
	 background: #333;
}
 html, body {
	 height: 100%;
}
 body {
	 padding-top: 100px;
	 padding-bottom: 20px;
}
 p a:hover {
	 text-decoration: none;
	 border-bottom: 1px solid #333;
}
/** * Code formatting */
 pre, code {
	 font-size: 15px;
}
 code {
	 padding: 1px 5px;
}
 pre {
	 padding: 8px 12px;
	 overflow-x: auto;
}
 pre > code {
	 border: 0;
	 padding-right: 0;
	 padding-left: 0;
}
 .en {
	 text-align: left;
	 direction: ltr;
}
 .fa {
	 text-align: right;
	 direction: rtl;
	 font-family: Samim, Arial, Helvetica, sans-serif;
}
 .fa .navbar-left .dropdown-menu {
	 left: 0;
	 right: auto;
	 min-width: 128px !important;
}
 .intro {
	 padding: 0;
	 background: url("../img/world-wide-web.jpg") center center;
	 background-size: 100%;
	 color: #333;
}
 .intro a {
	 color: #333;
	 text-decoration: none;
}
 .intro .intro__title {
	 font-size: 2.5em;
	 font-weight: bold;
}
 .intro .intro__social a:hover {
	 border-bottom: 1px solid #333;
}
 .intro .intro__overlay {
	 background: rgba(238, 238, 238, 0.7);
	 height: 100vh;
}
 .intro .intro__content {
	 padding-top: 25vh;
}
 .intro .intro__image {
	 width: 8em;
}
 .highlight {
	 text-align: left;
	 direction: ltr;
}
 .wrapper {
	 min-height: calc(100vh - 250px);
}