html,
body {
  direction: rtl;
  margin: 0;
  box-sizing: border-box;
}

p {
  margin-block-end: 0;
  margin-block-start: 0;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
select,
table,
label,
p,
a {
  font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
a,
p {
  margin: 0;
}
.landing-wrapper {
  position: relative;
  /*background-image: url(../DoNotReplace/img/site/back2.webp);*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.landing-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  background-color: rgba(1, 1, 14, 0.24);
  backdrop-filter: blur(1px);
  color: white;
  padding: 5%;
  border-radius: 3rem;
  text-align: center;
  margin-bottom: 100px;
}

.landing-content-wrapper h5 {
  font-size: 1.5rem;
  color: rgb(208, 208, 208);
}
#login {
  margin-top: 1rem;
  color: darkgreen;
  text-align: center;
  background: linear-gradient(180deg, #7a9bbc9a 0%, #012452 100%);
  padding: 2vw 18vw;
  border: 1px solid #5d9a99;
  font-size: 2rem;
  color: white;
  border-radius: 1.2rem;
  cursor: pointer;
  transition: transform 0.4s, box-shadow 0.08s;
}
#login:active {
  transform: scale(0.95);
}

.footer {
  position: absolute;
  bottom: 5%;
  padding: 1vw 12vw;
  background: linear-gradient(90deg, #7a9bbc9a 0%, #012452 100%);
  backdrop-filter: blur(5px);
  text-align: center;
  border-radius: 400px;
  font-size: 1rem;
  color: rgba(252, 252, 252, 0.742);
  font-weight: 600;
}

@media (min-width: 1000px) {
  #login {
    padding: 1vw 6vw;
  }
}