[chore] Introducing SCSS, renaming existing files.

Not utilizing any functionality yet, just setting up for refactorings.

css/interactivetutorial.scss

@@ -0,0 +1,68 @@
+/* interactivetutorial.css */
+#interactive-tutorial-wrapper {
+    position: relative;
+}
+
+#interactive-tutorial-container {
+    display: none;
+    position: absolute; /* Stay in place */
+    right: 0;
+    top: 0;
+    height: 400px; /* Full height */
+    padding: 10px;
+    border: 5px solid #fff;
+    width: 20%;
+    overflow: auto; /* Enable scroll if needed */
+    background-color: #444; /* Fallback color */
+    color: #fff;
+}
+
+#interactive-tutorial-container > strong {
+    background-color: #444;
+}
+
+#interactive-tutorial-text {
+    padding: 4px;
+    margin: 4px;
+    color: #fff;
+    background-color: #444;
+}
+
+#interactive-tutorial-exit,
+#interactive-tutorial-next,
+#interactive-tutorial-back {
+    color: #aaa;
+    font-size: 20px;
+    font-weight: bold;
+    -webkit-border-radius: 12px;
+    -moz-border-radius: 12px;
+    border-radius: 12px;
+    -moz-box-shadow: 1px 1px 3px #000;
+    -webkit-box-shadow: 1px 1px 3px #000;
+    box-shadow: 1px 1px 3px #000;
+    background-color: #000;
+}
+
+#interactive-tutorial-exit {
+    float: left;
+}
+
+#interactive-tutorial-back {
+    margin-right: 20%;
+    float: right;
+}
+
+#interactive-tutorial-next {
+    float: right;
+}
+
+#interactive-tutorial-exit:hover,
+#interactive-tutorial-exit:focus,
+#interactive-tutorial-next:hover,
+#interactive-tutorial-next:focus,
+#interactive-tutorial-back:hover,
+#interactive-tutorial-back:focus {
+    color: #fff;
+    text-decoration: none;
+    cursor: pointer;
+}