redesign

static/main.css

@@ -31,20 +31,12 @@ body {
 	justify-content: center;
 	margin: 0 auto;
 	font-family: facade;
-	font-size: 12vw;
-	color: #24ea26;
-}
-
-#d {
-	float: right;
-	margin-right: 6vw;
-	margin-left: 1vw;
-	margin-bottom: 2vw;
-	background-color: #24ea26;
+	font-size: 20vw;
+	color: #81fc54;
 }
 
 main  {
-	color: #24ea26;
+	color: #81fc54;
 }
 
 main h2 {
@@ -67,40 +59,10 @@ main h3 {
 a {
 	font-family: sligoil;
 	text-decoration: underline;
-	color: #24ea26;
+	color: #81fc54;
 
 }
 
-a:visited {
-	text-decoration: none;
-}
-
-a:active {
-	text-decoration: none;
-}
-
-a:hover {
-	text-decoration: none;
-}
-
-main ul li {
-	font-size: 3vw;
-}
-
-main ul li:hover {
-	background-color: #008000;
-}
-
-main ul li:hover a {
-	color: #000000;
-}
-
-main ul li:before {
-	content: ">";
-	padding-right: 5px;	
-	color: #24ea26;
-}
-
 .back ul li {
 	text-align: right;
 	clear: both;
@@ -109,7 +71,7 @@ main ul li:before {
 .back ul li:before {
 	content: "<";
 	padding-right: 5px;	
-	color: #24ea26;
+	color: #81fc54;
 }
 
 #onama p {
@@ -122,3 +84,48 @@ main ul li:before {
 	text-align: center;
 	padding: 1vw;
 }
+
+marquee {
+	border-bottom: 0.1vw solid;
+	border-color: #81fc54;
+}
+
+marquee a {
+	color: #a19cff;
+	text-decoration: none;
+	font-family: sligoil;
+	font-size: 2vw;
+}
+
+.nav {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border-bottom: 0.1vw solid;
+	border-top: 0.1vw solid;
+	border-color: #81fc54;
+	padding: 0.5vw 5vw ;
+}
+
+.nav a {
+	text-decoration: none;
+	color: #a19cff;
+	margin-right: 5vw;
+	font-size: 2vw;
+}
+
+.nav a:hover {
+	text-decoration: underline;
+}
+
+.nav a:hover > .leadingsign {
+	opacity: 1;
+}
+
+.leadingsign {
+	opacity: 0;
+}
+
+.leadingsign:hover {
+	opacity: 1;
+}