add huuuge stuff

public/stylesheets/modal.css

@@ -1,4 +1,3 @@
-
 /* The Modal (background) */
 .modal {
     display: none; /* Hidden by default */
@@ -15,6 +14,7 @@
     background-color: rgba(0, 0, 0, 0.7); /* Black w/ opacity */
 }
 
+
 /* Modal Content */
 .modal-content {
     margin: auto;
@@ -23,15 +23,22 @@
     border: 1px solid #888888;
     width: 80%;
     text-align: center;
-    background-color: #fefefe;
+    background-color: #FEFEFE;
 }
 
+
+#modalInnerContent {
+    color: black;
+}
+
+
 #modalTitle {
     font-size: 1.9em;
     font-weight: 500;
     margin-bottom: 12px;
 }
 
+
 @keyframes modalBlendOut {
     0% {
         opacity: 1;
@@ -41,6 +48,7 @@
     }
 }
 
+
 @keyframes modalBlendIn {
     0% {
         opacity: 0;
@@ -50,25 +58,88 @@
     }
 }
 
+
 .modalBlendIn {
     animation: modalBlendIn 0.5s ease;
 }
 
+
 .modalBlendOut {
     animation: modalBlendOut 0.8s ease;
 }
 
+
 /* The Close Button */
 .close {
-    color: #aaaaaa;
+    color: #AAAAAA;
     float: right;
     font-size: 28px;
     font-weight: bold;
 }
 
+
 .close:hover,
 .close:focus {
     color: #000000;
     text-decoration: none;
     cursor: pointer;
 }
+
+
+
+.lds-ellipsis {
+    display: block;
+    position: relative;
+    left: 44.9%;
+    width: 64px;
+    height: 64px;
+}
+.lds-ellipsis div {
+    position: absolute;
+    top: 27px;
+    width: 11px;
+    height: 11px;
+    border-radius: 50%;
+    background: #00303F;
+    animation-timing-function: cubic-bezier(0, 1, 1, 0);
+}
+.lds-ellipsis div:nth-child(1) {
+    left: 6px;
+    animation: lds-ellipsis1 0.6s infinite;
+}
+.lds-ellipsis div:nth-child(2) {
+    left: 6px;
+    animation: lds-ellipsis2 0.6s infinite;
+}
+.lds-ellipsis div:nth-child(3) {
+    left: 26px;
+    animation: lds-ellipsis2 0.6s infinite;
+}
+.lds-ellipsis div:nth-child(4) {
+    left: 45px;
+    animation: lds-ellipsis3 0.6s infinite;
+}
+@keyframes lds-ellipsis1 {
+    0% {
+        transform: scale(0);
+    }
+    100% {
+        transform: scale(1);
+    }
+}
+@keyframes lds-ellipsis3 {
+    0% {
+        transform: scale(1);
+    }
+    100% {
+        transform: scale(0);
+    }
+}
+@keyframes lds-ellipsis2 {
+    0% {
+        transform: translate(0, 0);
+    }
+    100% {
+        transform: translate(19px, 0);
+    }
+}