diff --git a/components/art.style.jsx b/components/art.style.jsx
index 4f24e1d..bf30a86 100644
--- a/components/art.style.jsx
+++ b/components/art.style.jsx
@@ -4,6 +4,7 @@ export const ArtStyle = styled.div`
 	padding: 100px 20px;
 	height: 100vh;
 	display: flex;
+	gap:10px;
 	align-items: center;
 	justify-content: center;
 	flex-wrap: wrap;
diff --git a/components/artCard.style.jsx b/components/artCard.style.jsx
index 28116d4..c738a3a 100644
--- a/components/artCard.style.jsx
+++ b/components/artCard.style.jsx
@@ -1,13 +1,12 @@
 import styled from "styled-components";
 
 export default styled.div`
-	padding: 2%;
+	padding: 0.8rem;
 	width: 230px;
 	height: 320px;
 	box-sizing: border-box;
 	background-color: var(--color12);
-	border-radius: 5px;
-	box-shadow: 10px 9px 0px -3px #fffefe;
+	border-radius: 1rem;
 	margin: 5px;
 	* {
 		margin-top: inherit;
@@ -16,6 +15,10 @@ export default styled.div`
 		color: #92dcf3;
 		/* padding: 4px;   */
 	}
+	.date{
+		font-weight: bold;
+		font-size: 1.2rem;
+	}
 	.card-logo {
 		display: flex;
 		/* width: 100%; */
diff --git a/components/nav.style.js b/components/nav.style.js
index e689d49..38440b9 100644
--- a/components/nav.style.js
+++ b/components/nav.style.js
@@ -1,7 +1,7 @@
 import styled from "styled-components";
 
 export default styled.nav`
-	background: rgb(0, 0, 0, 0.2);
+	background: rgb(0, 0, 0, 0.3);
 	padding: 20px;
 	position: fixed;
 	top: 0;