From d5a579c2bc8113f8f345ff5dc09f477831cda06a Mon Sep 17 00:00:00 2001
From: Vidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com>
Date: Mon, 19 Oct 2020 20:40:12 +0530
Subject: new responsive design

---
 static/css/new.main.css | 54 ++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 53 insertions(+), 1 deletion(-)

(limited to 'static/css')

diff --git a/static/css/new.main.css b/static/css/new.main.css
index 44e3bc4..a5fe4d3 100644
--- a/static/css/new.main.css
+++ b/static/css/new.main.css
@@ -1,3 +1,55 @@
 body {
-	background-color: #101010;
+	background-color: #232627;
+}
+
+.navbar {
+	background-color: #222526;
+	overflow: hidden;
+}
+
+.navbar a {
+	float: right;
+	display: block;
+	color: #9e00ff;
+	text-align: right;
+/*	padding: 30px 50px;*/
+	padding: 30px 8%;
+	text-decoration: none;
+	font-size: 24;
+}
+
+.navbar #logo {
+	float: left;
+	padding: 0px 0px;
+}
+
+.navbar .hamburger-icon {
+	display: none;
+}
+
+/*hamburger menu shit*/
+@media screen and (max-width: 481px) {
+	.navbar a:not(:first-child) {display: none;}
+	.navbar a.hamburger-icon {
+		float: right;
+		display: block;
+	}
+}
+
+@media screen and (max-width: 481px) {
+	.navbar.responsive {position: relative;}
+	.navbar.responsive a.hamburger-icon {
+/*		display: none;*/
+		position: relative;
+		right: 0;
+		top: 0;
+		padding: 30px 8%;
+		float:right;
+	}
+	.navbar.responsive a {
+		float: right;
+		display: block;
+		text-align: center;
+		padding: 30px 8%;
+	}
 }
-- 
cgit v1.2.3