start

public/assets/css/style.css

@@ -0,0 +1,79 @@
+@import url(./fontiran.css);
+
+body {
+  font-family: IRANSans !important;
+  font-weight: 300;
+  direction: rtl;
+  margin: 0;
+}
+
+h1, h2, h3, h4, h5, h6, text, strong, input, textarea {
+  font-family: IRANSans !important;
+}
+
+div, span, a, label, button {
+  font-family: IRANSans !important;
+}
+
+.preloader-container {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 9999;
+  flex-direction: column;
+}
+
+.meter {
+  height: 10px;
+  width: 172px;
+  background: #f3efe6;
+  direction: ltr;
+  border-radius: 5px;
+  margin: 12px 0;
+}
+
+.progress {
+  height: 100%;
+  display: block;
+  border-radius: 5px;
+  animation: progressBar 1.2s ease-in-out infinite;
+  animation-fill-mode: both;
+}
+
+@keyframes progressBar {
+  0% {
+    width: 0;
+    background-color: transparent;
+  }
+  49.99% {
+    width: 100%;
+    background-color: #00B1DA;
+  }
+  50.01% {
+    width: 0;
+    background-color: transparent;
+  }
+  100% {
+    width: 100%;
+    background-color: #FB8928
+  }
+}
+
+.leading-0 {
+  line-height: 0;
+}
+
+/* Hide arrows from number type input */
+/* Chrome, Safari, Edge, Opera */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* Firefox */
+input[type=number] {
+  -moz-appearance: textfield;
+}