diff --git a/src/assets/main.css b/src/assets/main.css
index fec431a..d4f768b 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -8,6 +8,18 @@ html, body {
   overflow: hidden;
 }
 
-#app {
-  height:  100%;
+body {
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.selectable {
+  -webkit-user-select: text;
+  -ms-user-select: text;
+  user-select: text;
+}
+
+#app {
+  height: 100%;
 }
diff --git a/src/components/Result.vue b/src/components/Result.vue
index 40ed3e9..04638de 100644
--- a/src/components/Result.vue
+++ b/src/components/Result.vue
@@ -25,6 +25,6 @@ export default defineComponent({
 
 <template>
   <div class="result">
-    <pre>{{ data }}</pre>
+    <pre class="selectable">{{ data }}</pre>
   </div>
 </template>