neon443/neon443.github.io
1
0
Fork 0
mirror of https://github.com/neon443/neon443.github.io.git synced 2026-03-11 07:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

beautified my css and html

Browse Source
This commit is contained in:
Nihaal Sharma
2023-05-21 16:46:20 +01:00
parent 748fb0b366
commit 1c1b367397
2 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
index.html
View File

@@ -11,11 +11,12 @@
<br> <br>
<p> <p>
<b>My Projects</b><br> <b>My Projects</b><br>
<b>├──</b> <a href="https://neon443.github.io/Musics-info/">Musics info</a><br> <b>├─</b> <a href="https://neon443.github.io/Musics-info/">Musics info</a><br>
<b>├──</b> <a href="https://neon443.github.io/eagle-craft/">EagleCraft</a><br> <b>├─</b> <a href="https://neon443.github.io/eagle-craft/">EagleCraft</a><br>
<b>├──</b> <a href="https://neon443.github.io/webpage-testing/">Webpage Testing</a><br> <b>├─</b> <a href="https://neon443.github.io/live-web-editor/">Live Web Editor</a><br>
<b>├──</b><br> <b>└─</b> <a href="https://neon443.github.io/webpage-testing/">Webpage Testing</a><br>
<b>└──</b><br><pre></pre> <b>&emsp;&emsp;├─</b><br>
<b>&emsp;&emsp;└─</b><br>
</p> </p>
<br> <br>
<h3><b>Tips:</b></h3> <h3><b>Tips:</b></h3>

26
style.css
View File

@@ -1,14 +1,14 @@
*{ * {
box-sizing: border-box; box-sizing: border-box;
margin: 0px; margin: 0px;
} }
b{ b {
color: #007AFF color: #007AFF
} }
a{ a {
color: #41b6e8; color: #007AFF
} }
.topbar{ .topbar {
position: fixed; position: fixed;
top: 0px; top: 0px;
backdrop-filter: blur(2.5px); backdrop-filter: blur(2.5px);
@@ -17,18 +17,18 @@ a{
-webkit-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.4);
width: 100%; width: 100%;
} }
body{ body {
background-color: #f2f2f2; background-color: #f2f2f2;
color: #222222; color: #222222;
font-family: system-ui; font-family: system-ui;
height: 100%; height: 100%;
} }
p{ p {
font-size: 20px; font-size: 20px;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
} }
h1{ h1 {
font-size: 45px; font-size: 45px;
font-weight: 750; font-weight: 750;
padding-top: 0px; padding-top: 0px;
@@ -37,7 +37,7 @@ h1{
padding-right: 20px; padding-right: 20px;
position: fixed; position: fixed;
} }
h2{ h2 {
font-size: 35px; font-size: 35px;
font-weight: 300; font-weight: 300;
padding-top: 0px; padding-top: 0px;
@@ -45,7 +45,7 @@ h2{
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
} }
h3{ h3 {
font-size: 25px; font-size: 25px;
font-weight: 200; font-weight: 200;
padding-top: 0px; padding-top: 0px;
@@ -58,7 +58,7 @@ h3{
background-color: #1C1C1E; background-color: #1C1C1E;
color: #f2f2f2; color: #f2f2f2;
} }
.topbar{ .topbar {
box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.25); box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.25);
-webkit-box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.25); -webkit-box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.25);
@@ -67,12 +67,12 @@ h3{
#transaction { #transaction {
background-color: #222222; background-color: #222222;
} }
p{ p {
color: #e6e6e6; color: #e6e6e6;
} }
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
*{ * {
width: 100%; width: 100%;
} }
} }