Added Box shadow to projects

components/about.jsx

@@ -1,10 +1,4 @@
-import {
-  name,
-  LanguagesKnown,
-  LanguagesKnownCategory,
-  description1,
-  description2,
-} from "config";
+import { LanguagesKnownCategory, description1, description2 } from "config";
 import { AboutStyle } from "./about.style";
 
 function about() {
@@ -15,15 +9,6 @@ function about() {
         <div className="content">
           <p>{description1}</p>
         </div>
-        {/* <div className="lang-map">
-          {LanguagesKnown.map((lang) => {
-            return (
-              <div className="lang-map-element" key={lang}>
-                #{lang}
-              </div>
-            );
-          })}
-        </div> */}
         <div className="lang-map">
           {LanguagesKnownCategory.map((lang) => {
             return (

components/about.style.jsx

@@ -71,6 +71,7 @@ export const AboutStyle = styled.div`
       rgba(253, 187, 45, 1) 100%
     ); */
     font-weight: bold;
+    box-shadow: 10px 9px 0px -3px #fffefe;
     font-size: 1.1em;
     color: #f5f5f5;
     flex: 0 1 20%;

components/artCard.style.jsx

@@ -7,6 +7,7 @@ export default styled.div`
   box-sizing: border-box;
   background-color: #5f046b;
   border-radius: 5px;
+  box-shadow: 10px 9px 0px -3px #fffefe;
   margin: 5px;
   .type {
     color: var(--color1);

components/skillCard.styled.js

@@ -3,12 +3,14 @@ import styled from "styled-components";
 export default styled.div`
   padding: 8px;
   display: inline-flex;
+  /* box-shadow: 10px 9px 0px -3px #fffefe; */
   .card {
     background-color: var(--color1);
     padding: 15px;
     width: 100%;
     /* min-width: 225px; */
     max-width: 225px;
+
     /* max-width: 10.7em; */
     height: auto;
     border-radius: 5px;