diff --git a/styles/card.module.css b/styles/card.module.css
index 54de196..989865b 100644
--- a/styles/card.module.css
+++ b/styles/card.module.css
@@ -1,39 +1,90 @@
-.background {
-	border-radius: 16.5px;
+.backgroundImage {
+	position: absolute;
+	bottom: -1px;
+	left: -1px;
+	width: calc(100% + 5px);
+	height: auto;
+	scale: stretch;
+	border-radius: 0;
+	filter: var(--card-overlay-filter);
 }
-.titleScript {
+
+.card {
+	border-radius: 17px;
+	width: 100%;
+	height: 204px;
+	position: relative;
+	overflow: hidden;
+	margin: 100px;
+	filter: var(--card-overlay-filter);
+}
+
+
+.panel {
+	position: absolute;
+	overflow: hidden;
+	width: 88%;
+	height: 76%;
+	top: 12%;
+	left: 6%;
+	border-radius: 17px;
+	background-color: var(--card-background-color);
+	backdrop-filter: blur(7px);
+	filter: var(--card-filter);
+}
+
+.titleContainer {
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
 	align-items: center;
-	padding: 0px;
+	width: 100%;
+	height: 32px;
+	margin-top: 20px;
 }
 
 .title {
-	font-family: Roboto;
-	font-style: normal;
-	font-weight: 300;
-	font-size: 20.625px;
+	font-weight: 100;
+	font-size: 30px;
+	margin-left: 1vw;
 	line-height: 24px;
+	color: var(--card-text-color);
 }
 
+.image {
+	height: 50px;
+	width: 50px;
+}
+
+.subtext {
+	width: 100%;
+	text-align: center;
+	color: var(--card-text-color);
+}
+
+
 .buttonLayout {
 	display: flex;
 	flex-direction: row;
 	justify-content: flex-end;
 	align-items: center;
 	padding: 0px;
+	position: absolute;
+	bottom: 5px;
+	right: 5px;
 }
 
 .button {
 	display: flex;
 	flex-direction: row;
 	align-items: flex-start;
-	padding: 6.20455px 17.7273px;
-	border-radius: 8.86364px;
+	justify-content: right;
+	position: static;
 	flex: none;
 	order: 1;
 	flex-grow: 0;
-	margin: 0px 10px;
 
+	margin: 5px;
+	padding: 5px 10px;
+	border-radius: 8px;
 }
\ No newline at end of file