From 9232b6e24080b811e979221b55fafee6e004ae7b Mon Sep 17 00:00:00 2001 From: faizalzayd <145483065+faizalzayd@users.noreply.github.com> Date: Sat, 27 Jul 2024 11:46:08 +0530 Subject: [PATCH] Add files via upload --- styles/style.css | 95 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 95 insertions(+) create mode 100644 styles/style.css diff --git a/styles/style.css b/styles/style.css new file mode 100644 index 0000000..1b9b162 --- /dev/null +++ b/styles/style.css @@ -0,0 +1,95 @@ +body { + font-family: 'Arial', sans-serif; + margin: 0; + padding: 0; + box-sizing: border-box; + background-color: #000000; +} +nav ul { + list-style: none; + display: flex; + justify-content: left; + + background-color: navyblue; + padding: 10px; + margin-top: 0; + margin-right: 0; +} + +nav li { + margin: 0 10px; +} + +nav a { + text-decoration: none; + color: #fff; +} +nav a:hover{ + text-decoration: underline; + color: lightblue; + +} +img{ + width: 300px; + height: 300px; + float: right; + object-fit:contain; + border-radius: 50%; +} + +.container { + max-width: 1200px; + margin: 0 auto; + padding: 20px; + +} + +header { + background-color: rgb(120, 4, 22); + color: #fff; + text-align: center; + padding: 50px 0; +} + +header h1 { + margin: 0; +} + +section { + padding: 40px 0; +} + +section h2 { + color: rgb(120, 4, 22); + font-weight: 900; +} +section p{ + color: bisque; +} + +.project { + margin-bottom: 20px; +} +.social-icons { + display: flex; + justify-content: center; + margin-top: 20px; +} + +.social-icons a { + display: inline-block; + margin: 0 10px; +} + +.social-icons img { + width: 40px; + height: 40px; + border-radius: 50%; +} + +footer { + background-color: #333; + color: #fff; + text-align: center; + padding: 10px 0; +}