Create styles/main.css

styles/main.css

@@ -0,0 +1,74 @@
+
+
+
+.stSidebar {
+   padding: 2px !important;
+   background-color: #070E1C;
+}
+
+/*!* Icon *!*/
+.stSidebar .icon {
+   color: orange;
+   font-size: 16px;
+}
+
+/*!* Nav link *!*/
+.stSidebar .nav-link {
+   font-size: 16px;
+   text-align: left;
+   margin: 0px;
+}
+
+/*!* Hover color *!*/
+.stSidebar .nav-link:hover {
+   --hover-color: #F30080;
+}
+
+/*!* Selected nav link *!*/
+.stSidebar .nav-link-selected {
+   background-color: #070E1C;
+}
+a {
+   text-decoration: none;
+   color: white !important;
+   font-weight: 500;
+}
+
+a:hover {
+   color: #d33682 !important;
+   text-decoration: none;
+}
+
+ul {list-style-type: none;}
+
+hr {
+   margin-top: 0;
+   margin-bottom: 5%;
+}
+h1 {
+    background-color: #d60222;
+    font-family: 'IRANSans', sans-serif;
+    text-align: center;
+    direction: rtl;
+    padding-bottom: 30px;
+}
+
+body {
+    background-color: #f0f2f6;
+    font-family: 'IRANSans', sans-serif;
+    text-align: right;
+    direction: rtl;
+    padding-top: 50px;
+}
+
+.stButton>button {
+    background-color: #4CAF50;
+    color: white;
+    border-radius: 5px;
+    padding: 1rem;
+    margin: .5em !important;
+}
+
+MainMenu {visibility: hidden;}
+footer {visibility: hidden;}
+header {visibility: hidden;}