moved all css files to module files to seperate into namespaces and prevent name overlaps

src/elements/Preview/Preview.module.css

@@ -0,0 +1,63 @@
+.previewtitle {
+    height: 20px;
+    color: #3d3d3d;
+    text-align: center;
+    font-weight: bold;
+    max-width: 266px;
+    font-size: smaller;
+}
+
+.previewpic {
+    min-width: 266px;
+    min-height: 150px;
+    height: 80%;
+    overflow: hidden;
+    text-align: center;
+}
+
+.loadAnimation {
+    display: inline-block;
+    line-height: 150px;
+    vertical-align: center;
+}
+
+.previewimage {
+    min-height: 150px;
+    max-height: 400px;
+    min-width: 266px;
+    max-width: 410px;
+}
+
+.previewbottom {
+    height: 20px;
+}
+
+.videopreview {
+    float: left;
+    margin-left: 25px;
+    margin-top: 25px;
+    /*background-color: #7F7F7F;*/
+    background-color: #a8c3ff;
+    cursor: pointer;
+    opacity: 0.85;
+    border-radius: 20px;
+}
+
+.videopreview:hover {
+    opacity: 1;
+    box-shadow: rgba(2, 12, 27, 0.7) 0px 0px 0px 5px;
+    transition: all 300ms;
+}
+
+.tagpreview {
+    text-transform: uppercase;
+    font-weight: bolder;
+    font-size: x-large;
+    text-align: center;
+    height: 150px;
+    width: 266px;
+}
+
+.tagpreviewtitle {
+    margin-top: 55px;
+}