diff --git a/css/main.css b/css/main.css
index 2066c87..1ea349f 100644
--- a/css/main.css
+++ b/css/main.css
@@ -109,3 +109,113 @@ body {
width: 1%;
height: 1%;
}
+
+#overlay {
+ position: fixed;
+ display: block;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-color: rgba(0,0,0,0.7);
+ z-index: 2;
+ cursor: pointer;
+ opacity: 1;
+}
+
+#loading-header{
+ position: fixed;
+ top: 43%;
+ left: 49%;
+ margin: -14px 0 0 -42px;
+ padding: 10px;
+ color: black;
+ z-index: 6;
+}
+
+.loading {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ margin: -14px 0 0 -42px;
+ padding: 10px;
+ background: rgba(20, 20, 20, 0.9);
+
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+
+ -webkit-box-shadow: inset 0 0 5px #000, 0 1px 1px rgba(255, 255, 255, 0.1);
+ -moz-box-shadow: inset 0 0 5px #000, 0 1px 1px rgba(255, 255, 255, 0.1);
+ -ms-box-shadow: inset 0 0 5px #000, 0 1px 1px rgba(255, 255, 255, 0.1);
+ -o-box-shadow: inset 0 0 5px #000, 0 1px 1px rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 0 5px #000, 0 1px 1px rgba(255, 255, 255, 0.1);
+}
+
+.loading-dot {
+ float: left;
+ width: 8px;
+ height: 8px;
+ margin: 0 4px;
+ background: white;
+
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ border-radius: 50%;
+
+ opacity: 0;
+
+ -webkit-box-shadow: 0 0 2px black;
+ -moz-box-shadow: 0 0 2px black;
+ -ms-box-shadow: 0 0 2px black;
+ -o-box-shadow: 0 0 2px black;
+ box-shadow: 0 0 2px black;
+
+ -webkit-animation: loadingFade 1s infinite;
+ -moz-animation: loadingFade 1s infinite;
+ animation: loadingFade 1s infinite;
+}
+
+.loading-dot:nth-child(1) {
+ -webkit-animation-delay: 0s;
+ -moz-animation-delay: 0s;
+ animation-delay: 0s;
+}
+
+.loading-dot:nth-child(2) {
+ -webkit-animation-delay: 0.1s;
+ -moz-animation-delay: 0.1s;
+ animation-delay: 0.1s;
+}
+
+.loading-dot:nth-child(3) {
+ -webkit-animation-delay: 0.2s;
+ -moz-animation-delay: 0.2s;
+ animation-delay: 0.2s;
+}
+
+.loading-dot:nth-child(4) {
+ -webkit-animation-delay: 0.3s;
+ -moz-animation-delay: 0.3s;
+ animation-delay: 0.3s;
+}
+
+@-webkit-keyframes loadingFade {
+ 0% { opacity: 0; }
+ 50% { opacity: 0.8; }
+ 100% { opacity: 0; }
+}
+
+@-moz-keyframes loadingFade {
+ 0% { opacity: 0; }
+ 50% { opacity: 0.8; }
+ 100% { opacity: 0; }
+}
+
+@keyframes loadingFade {
+ 0% { opacity: 0; }
+ 50% { opacity: 0.8; }
+ 100% { opacity: 0; }
+}
diff --git a/index.html b/index.html
index 83c552c..2cb795f 100644
--- a/index.html
+++ b/index.html
@@ -13,109 +13,122 @@
-