diff --git a/src/sass/_teclado.scss b/src/sass/_teclado.scss
new file mode 100644
index 0000000..f3f540b
--- /dev/null
+++ b/src/sass/_teclado.scss
@@ -0,0 +1,68 @@
+
+.keyboard {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    width: 70%;
+    height: 60%;
+    margin: auto;
+	margin-top: -6%;
+    table {
+        border-spacing: 10px;
+        border-collapse: separate;
+        z-index: 100000;
+        td{
+            touch-action: none;
+        }
+    }
+
+    .letter {
+        background-color: #bdbdbd;
+        box-shadow: 2px 2px 3px #555555;
+        width: 47px;
+        height: 50px;
+        text-align: center;
+        font-family: "arial";
+        cursor: pointer;
+        color: #000;
+        font-size: 22px;
+
+        &:hover{
+            background-color: #fafafa;
+        }
+        &:active {
+            background-color: #999;
+            color: #fff;
+        }
+    }
+    .number {
+        background-color: #bdbdbd;
+        box-shadow: 2px 2px 3px #555555;
+        width: 47px;
+        height: 35px;
+        text-align: center;
+        font-family: "arial";
+        cursor: pointer;
+        color: #000;
+        font-size: 22px;
+
+        &:hover{
+            background-color: #fafafa;
+        }
+        &:active {
+            background-color: #999;
+            color: #fff;
+        }
+    }
+
+    .margin {
+        width: 40px;
+        height: 50px;
+    }
+}
+.teclado-activar {
+    background-color: #17d236 !important;
+}
\ No newline at end of file