shinzou wo sasageyo

Author: Weirdo1312

index.html

@@ -22,6 +22,7 @@ <h5 class="content" dir="rtl">لورم ایپسوم متن ساختگی با ت
         <a id="home" href="#">صفحه اصلی 🏠</a>
         <a id="services" href="#">خدمات 💪</a>    
         <a id="contact" href="#">ارتباط با ما 📞</a>
+        <img id="logo" src="/wings.png" alt="wings-of-freedom">
     </div>
 </body>
 </html>

style.css

@@ -34,33 +34,38 @@ body    {
 .sidebar {
     text-align: center;
     height: 100%;
-    width: 40%;
-    font-size: 300%;
+    width: 70%;
+    font-size: 350%;
     position: fixed;
     top: 0;
     background-color: MediumSeaGreen;
     padding-top: 250px;
-    left: -40%;
+    right: -70%;
     transition: 200ms all ease;
 }
 
 .sidebar a {
     display: block;
     color: white;
-    padding: 10%;
+    padding: 50px;
     text-decoration: none;
     transition: 200ms all;
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;  
 }
 
+
+.sidebar #logo  {
+    padding-top: 60%;
+}
+
 #sidebar-toggle {
     display: none;
 }
 
 .sidebar-toggle-button {
     position: fixed;
-    top: 25px;
-    left: 40px;
+    top: 2%;
+    left: 89%;
     cursor: pointer;
     z-index: 9999;
     user-select: none;
@@ -83,11 +88,11 @@ body    {
 }
 
 #sidebar-toggle:checked ~ .sidebar {
-    left: 0px;
+    right: 0px;
 }
 
 #sidebar-toggle:checked ~ .main {
-    filter: blur(4px);
+    filter: blur(5px);
     user-select: none;
 }