Add Ambient Lighting; shading

KevDoy · Apr 28, 2024 · b5a4a14 · b5a4a14
1 parent 8985f7d
commit b5a4a14
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 11 deletions.
diff --git a/package/css/css.css b/package/css/css.css
@@ -56,16 +56,8 @@ img:active {
 	color: black;
 	text-decoration: none;
 }
-#wrapper {
-	background-image: url("/img/bg-hero.jpg");
-	background-size: cover;
-	background-repeat: no-repeat;
-	background-position: bottom;
-	background-color: #d7473c;
-	margin-bottom: 30px;
-}
-#wrapper h4, #wrapper p {
-	color: #ffffff!important;
+.wrapper {
+	background: radial-gradient(circle at 50% 50%,rgba(255, 255, 255, 0.06), rgba(215, 71, 60, 0));
 }
 
 	body {
@@ -226,12 +218,15 @@ img:active {
 
 .featured-hero {
 	border-radius: 30px;
+	box-shadow: 0 5px 20px 0 rgba(255,255,255,0.05);
+	border: 3px solid rgba(0,0,0,0.1);
 }
 
 
 @media (max-width: 575px) {
 	.featured-hero {
 		border-radius: 0;
+		border: none;
 	}
 	}
 

diff --git a/package/index.html b/package/index.html
@@ -22,7 +22,7 @@
 </head>
 
 <body>
-	<div>
+	<div class="wrapper">
 		<section>
 			<div class="container-fluid">
 				<div class="row">