Moving styles out of the "dist/" directory

front/dist/resources/style/cowebsite-mobile.scss

@@ -1,49 +0,0 @@
-@media (max-aspect-ratio: 1/1) {
-
-    #main-container {
-      display: flex;
-      flex-direction: column-reverse;
-    }
-  
-  
-    #cowebsite {
-      left: 0;
-      top: 0;
-      width: 100%;
-      height: 50%;
-      display: flex;
-      flex-direction: column-reverse;
-  
-      &.loading {
-        transform: translateY(-90%);
-      }
-      &.hidden {
-        transform: translateY(-100%);
-      }
-  
-      main {
-        height: 100%;
-      }
-  
-  
-      aside {
-        height: 30px;
-        cursor: ns-resize;
-        flex-direction: column;
-  
-        img {
-          cursor: ns-resize;
-        }
-      }
-  
-      .top-right-btn {
-        &#cowebsite-close {
-          right: 0;
-        }
-        &#cowebsite-fullscreen {
-          left: 0;
-        }
-      }
-    }
-  }
-  

front/dist/resources/style/cowebsite.scss

@@ -1,89 +0,0 @@
-/* A potentially shared website could appear in an iframe in the cowebsite space. */
-
-#cowebsite {
-  position: fixed;
-  transition: transform 0.5s;
-  background-color: white;
-
-  &.loading {
-    background-color: gray;
-  }
-
-  main {
-    iframe {
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  aside {
-    background: gray;
-    align-items: center;
-    display: flex;
-
-    img {
-      margin: 3px;
-      pointer-events: none;
-      height: 20px;
-    }
-  }
-
-  .top-right-btn{
-    position: absolute;
-    background: none;
-    border: none;
-    cursor: url('../logos/cursor_pointer.png'), pointer;
-
-    img {
-      height: 25px;
-      padding: 4px;
-      border-radius: 3px;
-    }
-
-    img:hover {
-      background-color: rgba(0,0,0,0.4);
-    }
-  }
-}
-
-@media (min-aspect-ratio: 1/1) {
-  #cowebsite {
-    right: 0;
-    top: 0;
-    width: 50%;
-    height: 100vh;
-    display: flex;
-
-    &.loading {
-      transform: translateX(90%);
-    }
-    &.hidden {
-      transform: translateX(100%);
-    }
-
-    main {
-      width: 100%;
-    }
-
-
-    aside {
-      width: 30px;
-      cursor: ew-resize;
-
-      img {
-        cursor: ew-resize;
-        transform: rotate(90deg);
-      }
-    }
-
-    .top-right-btn{
-      left: -6px;
-      &#cowebsite-close {
-        top: 0px;
-      }
-      &#cowebsite-fullscreen {
-        top: 25px;
-      }
-    }
-  }
-}

front/dist/resources/style/index.scss

@@ -1,4 +0,0 @@
-@import "cowebsite.scss";
-@import "cowebsite-mobile.scss";
-@import "style.css";
-@import "mobile-style.scss";

front/dist/resources/style/mobile-style.scss

@@ -1,49 +0,0 @@
-@media screen and (max-width: 700px),
-        screen and (max-height: 700px){
-  video#myCamVideo {
-    width: 150px;
-  }
-
-  .sidebar {
-    width: 20%;
-    min-width: 200px;
-    position: absolute;
-    display: block;
-    right: 0;
-    height: 80%;
-
-    &> div {
-      max-height: 120px;
-      min-width: 200px;
-    }
-
-    .video-container{
-      min-width: 200px;
-    }
-  }
-
-  .btn-cam-action {
-    min-width: 150px;
-
-    &:hover{
-      transform: translateY(20px);
-    }
-    div {
-      margin: 0 1%;
-      &:hover {
-        background-color: #666;
-      }
-      margin-bottom: 30px;
-    }
-  }
-
-  .main-section {
-    position: absolute;
-    width: 100%;
-    min-width: 400px;
-
-    & > div {
-      z-index: 2;
-    }
-  }
-}