Fixing more opacity values

src/components/Clips.vue

@@ -319,7 +319,7 @@ export default {
     background-color: #000000;
     border-radius: 4px;
     padding: 3px;
-    opacity: 75%;
+    opacity: 0.75;
   }
   .export-btn {
     float: right;
@@ -332,7 +332,7 @@ export default {
     bottom: 5%;
     left: 5%;
     padding: 8px;
-    opacity: 75%;
+    opacity: 0.75;
     background-color: #000000;
     border-radius: 4px;
   }

src/components/Preview.vue

@@ -380,7 +380,7 @@ video {
   position: absolute;
   cursor: grab;
   z-index: 100;
-  opacity: 80%;
+  opacity: 0.8;
 }
 .timeline-btn {
   height: 48px;

src/components/Projects.vue

@@ -270,14 +270,14 @@ export default {
     background-color: #000000;
     border-radius: 4px;
     padding: 3px;
-    opacity: 75%;
+    opacity: 0.75;
   }
   .project-badge {
     position: absolute;
     bottom: 5%;
     left: 5%;
     padding: 8px;
-    opacity: 75%;
+    opacity: 0.75;
     background-color: #000000;
     border-radius: 4px;
   }