Removed Unsplash

Removed Unsplash in order to keep everything simple. (Also the load times were too god damn high)

1 files changed, 37 insertions, 36 deletions

diff --git a/hp_assets/css/main.css b/hp_assets/css/main.css
index 62bc0ff..a1ef7e3 100644
--- a/hp_assets/css/main.css
+++ b/hp_assets/css/main.css
@@ -1,31 +1,20 @@
-html {height: 100%; width: 100%;}
-body {font-family: sans-serif; z-index: 1; height: 100%; width: 100%; background-position: center; background-attachment: fixed;}
-
-.hidden {display: none;}
-.menu-item {display: none; z-index: 3;}
-
-#bg-overlay {    
-	position:fixed;
-	padding:0;
-	margin:0;
-	top:0;
-	left:0;
-	width: 100%;
+html {
 	height: 100%; 
-	background-color: #fff; 
-	opacity: 0; 
-	z-index: 2; 
-	transition: .3s all;
+	width: 100%;
 }
 
-body.menu-shown #bg-overlay {opacity: 0.3;}
-
-#mobile-menu-wrap {z-index: 3; position: absolute; top: 15px; left: 15px;}
-#mobile-menu-wrap a {font-size: 20px;}
+body {
+	font-family: sans-serif; 
+	z-index: 1; 
+	height: 100%; 
+	width: 100%; 
+	background-position: center; 
+	background-attachment: fixed;
+}
 
 .bg {
-	border-radius: 5px; 
-	background-color: rgba(0, 0, 0, .5); 
+	border-radius: 6px; 
+	background-color: rgba(0, 0, 0, .4); 
 	padding: 20px;
 }
 
@@ -35,29 +24,41 @@ body.menu-shown #bg-overlay {opacity: 0.3;}
 
 #links-wrap {
 	font-size: 80px;
-
 	position: fixed;
 	left: 50%;
 	top: 50%;
 	transform: translate(-50%, -50%);
-	
 	padding-bottom: 3px;
-
 	width: fit-content;
 	height: auto;
-
-	max-width: 75%;
+	max-width: 80%;
 	max-height: 85%;
-
 	overflow: auto;
 	display: flex;
 }
 
-#links-wrap a {transition: .3s all;}
-#links-wrap a:hover {color: #d3d3d3;}
-#links-wrap .link {display: inline-block; width: 33%; float: left; text-align: center;}
-#links-wrap::-webkit-scrollbar {width: 10px;	background-color: transparent;}
-#links-wrap::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.4); background-color: rgba(255,255,255,.2);}
+#links-wrap a {
+	transition: .3s all;
+}
+
+#links-wrap a:hover {
+	color: #c4c4c4;
+}
+
+#links-wrap .link {
+	display: inline-block;
+	width: 33%;
+	float: left;
+	text-align: center;
+}
+
+#links-wrap::-webkit-scrollbar {
+	width: 10px;
+	background-color: transparent;
+}
 
-#pic-info-wrap {color: #fff; font-size: 16px; position: absolute; bottom: 15px; left: 15px;}
-#pic-info-wrap a:hover, #pic-info-wrap a:active {color: #fff; text-decoration: none;}
+#links-wrap::-webkit-scrollbar-thumb {
+	border-radius: 6px;
+	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.4);
+	background-color: rgba(255,255,255,.2);
+}
\ No newline at end of file