@font-face {
  font-family: "Estedad";
  src: url("/assets/fonts/Estedad.woff2") format("woff2 supports variations"),
    url("/assets/fonts/Estedad.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
}

* {
  font-family: "Estedad", Tahoma !important;
  font-size: 18px;
  line-height: 28px;
  direction: rtl;
}

.ltr {
  unicode-bidi: embed;
  direction: ltr;
}

body {
  background-image: url("/assets/images/bg.svg");
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100vh;
  gap: 10px;
}

header {
  display: flex;
  justify-content: center;
}

header div {
  padding: 4px;
  border: 2px solid #daad89;
}

header span {
  display: inline-block;
  text-align: center;
  background-color: #daad89d9;
  padding: 20px;
}

header h1 {
  color: #39200b;
  font-size: 30px;
  line-height: 44px;
  font-weight: 500;
}

header h2 {
  color: #6b5543;
  font-size: 19px;
  font-weight: 300;
}

main {
  padding: 4px 0;
  border: 2px solid #d4c4b8;
  border-width: 2px 0 2px 0;
}

main section {
  background-color: #d4c4b8d9;
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

main .key-value {
  color: #6b594a;
  display: flex;
  flex-direction: column;
}

main .key-value abbr {
  font-size: 18px;
  font-weight: 300;
}

main .key-value span {
  font-family: Verdana !important;
  font-weight: 500;
  font-size: 16px;
}