*, ::before, ::after {
  box-sizing: border-box; }

body {
  padding: 0;
  margin: 0;
  font-size: 1.2rem; }

:root {
  --primary: white;
  --secondary: black;
  --brdr: 1px solid #f00;
  --fa: FontAwesome;
  --success: #4CAF50;
  --info: #2196F3;
  --warning: #ffeb3b;
  --danger: #f44336;
  --nastaliq: IranNastaliq;
  --shikasta: Shikasta; }

::selection {
  color: yellow;
  background-color: red; }

@font-face {
  font-family: 'FontAwesome';
  src: url("/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'IranNastaliq';
  src: url("/fonts/IranNastaliq.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Shikasta';
  src: url("/fonts/Shekasteh.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
.info, .danger, .success, .warning {
  text-align: center;
  padding: 10px; }

.info, .danger, .success {
  color: white; }

.info {
  background-color: var(--info); }

.success {
  background-color: var(--success); }

.warning {
  background-color: var(--warning); }

.danger {
  background-color: var(--danger); }

a {
  text-decoration: none;
  color: inherit; }

/*# sourceMappingURL=style.css.map */