added perspective and transparency to panel

Author: Ciphrox

src/assets/styles/panel.css

@@ -124,7 +124,14 @@
     height: var(--panel-height);
     perspective: 1000px;
     margin: auto;
-    transform: scale(0.8);
+
+    & > letter-panel {
+      display: block;
+      width: 100%;
+      height: 100%;
+      margin: auto;
+      transform-style: preserve-3d;
+    }
   }
 
   & .panel {
@@ -139,7 +146,7 @@
     position: absolute;
     width: var(--panel-width);
     height: var(--panel-height);
-    backface-visibility: hidden;
+    backface-visibility: visible;
     display: grid;
     place-items: center;
     font-size: 3rem;
@@ -148,6 +155,7 @@
     border-radius: 0.5rem;
     box-shadow: 0 2px 8px var(--shadow);
     transition: transform 0.6s;
+    opacity: 0.7;
   }
 
   & .panel__cell:nth-child(10n + 1) {