commit

assets/mystyle.css

@@ -0,0 +1,33 @@
+a.btn.btn-md.btn-white-outline.display-4 {
+    display: none !important;
+}
+
+img[src="assets/images/logomakr-0zpezn-563x600.png"] {
+    width: 300px;
+}
+
+/* DEMO-SPECIFIC STYLES */
+p.mbr-text.align-center.display-5.pb-3.mbr-fonts-style {
+  color: #fff;
+  font-family: monospace;
+  overflow: hidden; /* Ensures the content is not revealed until the animation */
+  border-right: .15em solid orange; /* The typwriter cursor */
+  white-space: nowrap; /* Keeps the content on a single line */
+  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
+  letter-spacing: .15em; /* Adjust as needed */
+  animation: 
+    typing 3.5s steps(30, end),
+    blink-caret .5s step-end infinite;
+}
+
+/* The typing effect */
+@keyframes typing {
+  from { width: 0 }
+  to { width: 100% }
+}
+
+/* The typewriter cursor effect */
+@keyframes blink-caret {
+  from, to { border-color: transparent }
+  50% { border-color: orange }
+}

index.html

@@ -18,6 +18,7 @@
   <link rel="stylesheet" href="assets/socicon/css/styles.css">
   <link rel="stylesheet" href="assets/theme/css/style.css">
   <link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
+  <link rel="stylesheet" href="assets/mystyle.css" type="text/css">