From f0cbe257f7ae4bf742e5a417e651a2355a77ae0e Mon Sep 17 00:00:00 2001
From: enr27 <enr27@drexel.edu>
Date: Sat, 9 Nov 2024 21:56:24 +0000
Subject: [PATCH] Update file style.css
---
public/style.css | 100 +++++++++++++++++++++++++++++++++++++++++++++++
1 file changed, 100 insertions(+)
create mode 100644 public/style.css
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000..ae5c4a8
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,100 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: 'Poppins', sans-serif;
+}
+
+body {
+ color: #fff;
+}
+
+.header {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ padding: 20px 10%;
+ background: transparent;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ z-index: 100;
+}
+
+.logo {
+ font-size: 32px;
+ color: #fff;
+ text-decoration: none;
+ font-weight: 700;
+ filter: drop-shadow(0 0 5px #09001d);
+}
+
+.navbar a {
+ font-size: 18px;
+ color: #fff;
+ text-decoration: none;
+ font-weight: 500;
+ margin-left: 35px;
+}
+
+.navbar a:hover,
+.navbar a.active {
+ color: blue;
+}
+
+.main {
+ min-height: 100vh;
+ background: url("background.jpg") no-repeat;
+ background-size: cover;
+ background-position: center;
+}
+
+.home {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.home-content {
+ max-width: 600px;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+}
+
+.home-content h1 {
+ font-size: 85px;
+ font-weight: 700;
+ text-shadow: 0 0 10px rgba(0, 0, 0, .3);
+}
+
+.home-content p {
+ font-size: 20px;
+ text-align: center;
+ text-shadow: 0 0 10px rgba(0, 0, 0, .3);
+ margin-bottom: 30px;
+}
+
+.home-content .start-button {
+ width: 190px;
+ height: 55px;
+ background: blue;
+ border: 2px solid #fff;
+ outline: none;
+ border-radius: 6px;
+ box-shadow: 0 0 10px blue;
+ font-size: 18px;
+ color: #fff;
+ letter-spacing: 1px;
+ font-weight: 600;
+ cursor: pointer;
+ transition: .5s;
+}
+
+.home-content .start-button:hover {
+ background: #09001d;
+ box-shadow: none;
+}
\ No newline at end of file
--
GitLab