From 1c1b367397c6c4ed92990df5b7cff5c6f8fb99e3 Mon Sep 17 00:00:00 2001 From: Nihaal Sharma Date: Sun, 21 May 2023 16:46:20 +0100 Subject: [PATCH] beautified my css and html --- index.html | 11 ++++++----- style.css | 26 +++++++++++++------------- 2 files changed, 19 insertions(+), 18 deletions(-) diff --git a/index.html b/index.html index 7e135a7..3dccacd 100644 --- a/index.html +++ b/index.html @@ -11,11 +11,12 @@

My Projects
- ├── Musics info
- ├── EagleCraft
- ├── Webpage Testing
- ├──
- └──


+				├─	Musics info
+ ├─ EagleCraft
+ ├─ Live Web Editor
+ └─ Webpage Testing
+   ├─
+   └─


Tips:

diff --git a/style.css b/style.css index bf4517f..7cf81f6 100644 --- a/style.css +++ b/style.css @@ -1,14 +1,14 @@ -*{ +* { box-sizing: border-box; margin: 0px; } -b{ +b { color: #007AFF } -a{ - color: #41b6e8; +a { + color: #007AFF } -.topbar{ +.topbar { position: fixed; top: 0px; backdrop-filter: blur(2.5px); @@ -17,18 +17,18 @@ a{ -webkit-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.4); width: 100%; } -body{ +body { background-color: #f2f2f2; color: #222222; font-family: system-ui; height: 100%; } -p{ +p { font-size: 20px; padding-left: 20px; padding-right: 20px; } -h1{ +h1 { font-size: 45px; font-weight: 750; padding-top: 0px; @@ -37,7 +37,7 @@ h1{ padding-right: 20px; position: fixed; } -h2{ +h2 { font-size: 35px; font-weight: 300; padding-top: 0px; @@ -45,7 +45,7 @@ h2{ padding-left: 20px; padding-right: 20px; } -h3{ +h3 { font-size: 25px; font-weight: 200; padding-top: 0px; @@ -58,7 +58,7 @@ h3{ background-color: #1C1C1E; color: #f2f2f2; } - .topbar{ + .topbar { 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 { background-color: #222222; } - p{ + p { color: #e6e6e6; } } @media screen and (max-width: 600px) { - *{ + * { width: 100%; } } \ No newline at end of file