fix logo,add color on menu when hovering

This commit is contained in:
fram3d 2023-01-04 05:43:17 +01:00
parent 98e31e9643
commit 89df73f4cf
Signed by: fram3d
GPG Key ID: 938920E709EEA32A
2 changed files with 18 additions and 5 deletions

View File

@ -1,4 +1,5 @@
<!doctype html> <!doctype html>
<meta charset="UTF-8">
<html> <html>
<head> <head>
<link rel="stylesheet" href="./static/reset.css"> <link rel="stylesheet" href="./static/reset.css">
@ -8,7 +9,7 @@
<body> <body>
<div class="container"> <div class="container">
<div class="header"> <div class="header">
<h1 class="logo">Decentrala_</h1> <h1 class="logo">Decentrala<a id="d" href="/index.html"></a></h1>
</div> </div>
<main> <main>
<ul class="nav"> <ul class="nav">

View File

@ -1,5 +1,5 @@
body { body {
background-color: rgb(20, 20, 20); background-color: rgb(0, 0, 0);
} }
.container { .container {
@ -12,17 +12,21 @@ body {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin: 0 auto; margin: 0 auto;
font: 9rem "Monospace", sans-serif; font: 12vw "Monospace", sans-serif;
color: #24ea26; color: #24ea26;
} }
#d {
font: 18vw "Monospace", sans-serif;
}
main { main {
color: #24ea26; color: #24ea26;
} }
a { a {
text-decoration: underline; text-decoration: none;
color: #24ea26; color: #24ea26;
} }
@ -37,7 +41,15 @@ a:hover {
} }
main ul li { main ul li {
font-size: 3rem; font-size: 2rem;
}
main ul li:hover {
background-color: #008000;
}
main ul li:hover a {
color: #000000;
} }
main ul li:before{ main ul li:before{