Admin place demo look done

public/sass/_identify.scss

@@ -38,7 +38,7 @@
 
     form {
 
-        height: 64vh;
+        //height: 64vh;
 
         display: flex;
         flex-direction: column;
@@ -72,6 +72,17 @@
         }
     }
 
+    p.aditional-text {
+
+        color:rgb(54, 112, 201);
+
+        cursor: pointer;
+
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
     .loading {
         opacity: 70%;
     }

public/sass/control-panelDemo/_demo-message.scss

@@ -0,0 +1,28 @@
+.control-panel {
+
+    .demo-message-container {
+
+        display: flex;
+        justify-content: center;
+
+        padding-top: 5vh;
+        
+        .demo-message {
+            
+            @include titleFont();
+            
+            background-color: rgb(247, 247, 247);
+
+            width: 40vw;
+
+            display: flex;
+            align-items: center;
+            flex-direction: column;
+            
+            border: 1px solid rgb(196, 196, 196);
+            
+            border-radius: 5px;
+
+        }
+    }
+}

public/sass/control-panelDemo/admin-header-demo.scss

@@ -0,0 +1,41 @@
+header.demo {
+
+    h1 {
+
+        height: 100%;
+        
+        display: flex;
+        align-items: center;
+
+        span.demoSpan {
+            
+            //color: #ffaa3b;
+
+            background: -webkit-linear-gradient(118deg, rgba(255,170,59,1) 0%, rgba(255,107,0,1) 100%); //!Credits https://cssgradient.io
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            //!Credits https://cssgradient.io/blog/css-gradient-text/
+            //height: 100%;
+
+            display: flex;
+            align-items: center;
+
+            &:hover {
+                //display: inline-block;
+                vertical-align: middle;
+                -webkit-transform: perspective(1px) translateZ(0);
+                transform: perspective(1px) translateZ(0);
+                box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+                -webkit-transition-duration: 0.3s;
+                transition-duration: 0.3s;
+                -webkit-transition-property: transform;
+                transition-property: transform;
+            }
+            
+            &:hover, &:focus, &:active {
+                -webkit-transform: rotate(4deg);
+                transform: rotate(4deg);
+            }
+        }
+    }
+}

public/sass/index.scss

@@ -26,6 +26,8 @@ html, body {
 @import 'loading';
 @import 'letters-registered';
 @import 'letter-input';
-@import 'form';
+@import 'identify';
 @import 'message';
-@import './control-panel/control-panel';
+@import './control-panel/control-panel';
+@import './control-panelDemo/demo-message';
+@import './control-panelDemo/admin-header-demo.scss'