can import and export courses w/ json file

css/popup.css

@@ -26,14 +26,17 @@ body {
 }
 
 .settingsbut {
+    margin-right: 0px;
+    border: 0px
+}
+
+.settings {
     position: absolute;
     bottom: 0;
     right: 0;
     float: right;
     margin-right: 5px;
-    border: 0px
 }
-
 .matbut {
     border: none;
     outline: none;
@@ -88,6 +91,40 @@ body {
     transform-origin: 50% 50%;
 }
 
+.modal {
+    display: none;
+    position: fixed;
+    z-index: 1;
+    padding-top: 100px;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgb(0, 0, 0);
+    background-color: rgba(0, 0, 0, 0.4);
+}
+
+.modal-content {
+    background-color: #fefefe;
+    margin: auto;
+    max-height: 85%;
+    overflow-y: auto;
+    padding: 20px;
+    border: 1px solid #888;
+    width: 50%;
+}
+
+/* The Close Button */
+
+.close {
+    color: #aaaaaa;
+    float: right;
+    padding: 5px;
+    font-size: 28px;
+    font-weight: bold;
+}
+
+
 @keyframes ripple {
     0% {
         transform: scale(0, 0);