Cleaning Css creator view

src/views/main/CreatorFolio.vue

@@ -508,6 +508,10 @@ let navigationItems = [
 </script>
 
 <style scoped>
+.invert-color {
+  filter: invert(1);
+}
+
 .Hutopy-menu-sticky-mobile {
   position: sticky;
   top: 0;
@@ -559,17 +563,6 @@ let navigationItems = [
   font-size: 1.3rem
 }
 
-.occupation-info-mobile {
-  margin-left: 38%;
-  font-size: large;
-  margin-top: 2%;
-  margin-bottom: -2%
-}
-
-.invert-color {
-  filter: invert(1);
-}
-
 .main-background {
   background-color: #f4f4f4;
 }
@@ -583,30 +576,6 @@ let navigationItems = [
   background-color: transparent;
 }
 
-.logout-button {
-  max-width: 300px;
-  bottom: 10px;
-  width: 100%;
-  background-color: transparent;
-}
-
-.video-container {
-  position: relative;
-  padding-bottom: 56.25%;
-  height: 0;
-  overflow: hidden;
-  z-index: 100;
-}
-
-.video-container iframe {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-
 .background-profile-container {
   background-color: #ececec;
   color: white;
@@ -618,29 +587,12 @@ let navigationItems = [
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3)
 }
 
-.background-blue {
-  background-color: #aedcde;
-  color: white;
-  border-right: 3px solid #a30e79;
-  font-weight: 400;
-}
-
 .background-pink {
   background-color: #cc6f91;
   color: white;
   font-weight: 400;
 }
 
-.border-radius {
-  border-radius: 100px;
-}
-
-.label-text-name {
-  font-weight: 600;
-  margin-left: 3%;
-  font-size: 1.2rem;
-}
-
 .label-text {
   font-weight: 400;
   margin-left: 3%;