added box shadows to images

judemont · Mar 31, 2024 · f953312 · f953312
1 parent cf194c4
commit f953312
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/style.css b/style.css
@@ -75,12 +75,9 @@ section {
 .setup-img {
     width: 60%; 
     border-radius: 20px;  
+    box-shadow: rgba(240, 46, 170, 0.4) -5px 5px, rgba(240, 46, 170, 0.3) -10px 10px, rgba(240, 46, 170, 0.2) -15px 15px, rgba(240, 46, 170, 0.1) -20px 20px, rgba(240, 46, 170, 0.05) -25px 25px;
 }
 
-/* .setup-img-div {
-    float: ce;
-} */
-
 .myLinks {
     display: flex;
     justify-content: center;
@@ -92,6 +89,8 @@ section {
     max-width: 60px;
     padding: 10px;
     transition: 0.1s;
+    box-shadow: rgba(240, 46, 170, 0.4) -5px 5px, rgba(240, 46, 170, 0.3) -10px 10px, rgba(240, 46, 170, 0.2) -15px 15px, rgba(240, 46, 170, 0.1) -20px 20px, rgba(240, 46, 170, 0.05) -25px 25px;
+
 }
 
 .myLinks img:hover {
@@ -109,8 +108,8 @@ section {
 .projects a {
     display: block;
     max-width: 200px;
-    background-color: #551a8b;
-    border-radius: 30px;
+    background: radial-gradient(circle, rgba(99,63,251,1) 0%, rgba(143,0,255,1) 77%);
+    box-shadow: rgba(240, 46, 170, 0.4) 0px 5px, rgba(240, 46, 170, 0.3) 0px 10px, rgba(240, 46, 170, 0.2) 0px 15px, rgba(240, 46, 170, 0.1) 0px 20px, rgba(240, 46, 170, 0.05) 0px 25px;    border-radius: 30px;
     padding: 20px;
     color: antiquewhite;
     text-decoration: none;