From a6f28476a667c99eff5ae3971a4669c2c18415ab Mon Sep 17 00:00:00 2001 From: Raju Gowtham Date: Sun, 16 Mar 2025 23:46:29 +0530 Subject: [PATCH] css updated --- src/index.html | 3 ++- src/main.css | 41 +++++++++++++++++++++++++++++++++++++++++ 2 files changed, 43 insertions(+), 1 deletion(-) diff --git a/src/index.html b/src/index.html index 6a7c812fa..475862af5 100644 --- a/src/index.html +++ b/src/index.html @@ -8,7 +8,8 @@ - Welcome to the HTML Portfolio Project + + diff --git a/src/main.css b/src/main.css index e69de29bb..8fec8005b 100644 --- a/src/main.css +++ b/src/main.css @@ -0,0 +1,41 @@ +/* General Styles */ +body { + font-family: 'Poppins', sans-serif; + background: linear-gradient(to right, #1e3c72, #2a5298); + color: white; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; +} + +/* Typography */ +h1 { + font-size: 2.5rem; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 2px; +} + +/* Animations */ +@keyframes fadeIn { + from { + opacity: 0; + transform: translateY(-10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +/* Styling for the Welcome Text */ +body::before { + content: 'Welcome to the HTML Portfolio Project'; + font-size: 2rem; + font-weight: 600; + display: block; + animation: fadeIn 1.5s ease-in-out; +}