main.css

@font-face {
  font-family: Yekan;
  src: url(fnt/Yekan.woff2) format("woff2"), url(fnt/Yekan.woff) format("woff"),
    url(fnt/Yekan.ttf) format("truetype"),
    url(fnt/Yekan.eot?#iefix) format("embedded-opentype"),
    url(fnt/Yekan.svg#WeblogmaYekan) format("svg");
  font-weight: normal;
  unicode-range: U+0600 –06FF;
}

@font-face {
  font-family: "ufc00";
  src: url("fnt/ufc00.woff") format("woff"),
    url("fnt/ufc00.ttf") format("truetype"),
    url("fnt/ufc00.eot?#iefix") format("embedded-opentype"),
    url("fnt/ufc00.svg#webfont") format("svg");
  unicode-range: U+FB50-FDFD;
}

@font-face {
  font-family: "Vazir Code Hack";
  src: url("fnt/monospaced/Vazir-Code-Hack.woff2") format("woff2"),
    url("fnt/monospaced/Vazir-Code-Hack.woff") format("woff"),
    url("fnt/monospaced/Vazir-Code-Hack.ttf") format("truetype"),
    url("fnt/monospaced/Vazir-Code-Hack.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  unicode-range: U+0600 –06FF;
}

* {
  font-family: Yekan, Tahoma, "Segoe UI", sans-serif, "Noto Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji";
  color: var(--black-txt);
  letter-spacing: -0.02rem;
}

code,
math,
var {
  font-family: "Vazir Code Hack", "Courier New", Courier, monospace;
}

/* Structural elements */
#wrapper {
  width: 80%;
  margin: 0 auto;

  background: #fff;
  padding: 1.25rem;
}

#content {
  width: 54%;
  float: left;
  margin-right: 3%;
}

#sidebar-left {
  width: 20%;
  float: left;
  margin-right: 3%;
}

#sidebar-right {
  width: 20%;
  float: left;
}

/* Style variables */
:root {
  --green: #007d1b;
  --black-head: #111;
  --black-txt: #202124;
  --grey-detail: #888;
  --grey-head-border: #888;
  --grey-border: #d6d6d6;
  --blue-link: #06c;
}

/* Default styles that will carry to the child style sheet */

html,
body {
  background: #fff;
  color: var(--black-txt);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: -0.02rem;
  overflow: visible;
  color: var(--black-head);
}

p,
blockquote,
pre,
code,
ol,
ul {
  line-height: 1.77;
}

abbr,
blockquote,
button,
dd,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
input,
legend,
li,
ol,
p,
pre,
ul {
  margin: 0;
  padding: 0;
}

h1 {
  margin: 0.67em 0;
}

h1#top.pageTitle {
  font-size: 3rem;
  line-height: 1.085;
  font-weight: 600;
  letter-spacing: -0.003rem;
  margin-top: 0;
  margin-bottom: 0.625em;
}

a *,
a {
  color: var(--blue-link);
}
a:link,
a:visited,
a:active {
  text-decoration: none;
}
a:hover,
a[target="_blank"]:hover,
.icon-goLeft:hover::after {
  text-decoration: underline;
}

a[target="_blank"] {
  background-image: url(img/ui/extLinkRtl.svg);
  background-position: center left;
  padding-left: 1.125rem;
  background-repeat: no-repeat;
  background-size: 1.125rem;
}

.icon::after,
.icon::before {
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.icon-goLeft::after {
  content: "\226B";
}