style

familyark/app/public/css/main.css

@@ -1,3 +1,8 @@
+@font-face {
+	font-family: ark;
+	src: url(/font/ARK-Regular.ttf);
+}
+
 body{
 	background-image: url(/images/bg.jpg);
 	height: 100%;
@@ -8,7 +13,7 @@ body{
 	overflow-y:scroll;
 	color: white;
 	text-shadow: 0px 0px 3px rgb(0, 153, 153);
-	font-family: 'Palanquin Dark', sans-serif;
+	font-family: ark;
 }
 
 #menu{
@@ -24,13 +29,17 @@ body{
 
 
 #menu h4 a, h1{
-        color: rgb(0, 153, 153);
-        text-shadow: 0px 0px 3px rgb(0, 0, 0);
-	text-decoration: underline;
+	font-family: ark;
+	font-weight: bold;	
+	text-shadow: 0px 0px 2px rgb(0, 0, 0);
+}
+
+h2{
+	font-family: ark;
 }
 #menu h4 a:hover{
 	cursor: pointer;
-	color: white;
+	color: rgb(0, 153, 153);
 }
 
 #menu li a{
@@ -111,4 +120,22 @@ table.info{
 
 #a-mother button, .Female{
 	background-color: pink;
+}
+
+#load{
+	position: fixed;
+    width: 100vw;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+	align-items: center;
+	background-color: rgba(0, 153, 153);
+}
+
+#load img{
+	border-radius: 50%;    
+	border: 1px solid black;
+	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
+	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
+	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
 }