diff --git a/index.html b/index.html
index fa93dda..652a8e2 100644
--- a/index.html
+++ b/index.html
@@ -139,7 +139,7 @@
 			<i style="float: right; bottom: 0px; cursor: pointer; position: fixed; right:  2px; color: #d9e4eb; padding: 2px; margin: 2px 2px 0 0; font-size: 140%;" class="las la-language" aria-hidden="true"></i>
 		</span>
 		<div id="mainmenu" class="row" style="opacity: 0; align: center;">
-			<div id="container-1" class="column columnfade pointer" style=" overflow-y: auto;">
+			<div id="container-1" class="column columnfade pointer card" style=" overflow-y: auto;">
 				<h2>
 					<span data-translate="add-group-chat">Add Group Chat to OBS</span>
 				</h2>
@@ -197,7 +197,7 @@
 					</div>
 				</div>
 			</div>
-			<div id="container-3" class="column columnfade pointer" onclick="previewWebcam()" style=" overflow-y: auto;">
+			<div id="container-3" class="column columnfade pointer card" onclick="previewWebcam()" style=" overflow-y: auto;">
 				<h2 id="add_camera">
 					<span data-translate="add-your-camera">Add your Camera to OBS</span>
 				</h2>
@@ -278,7 +278,7 @@
 				</div>
 			</div>
 			
-			<div id="container-2" class="column columnfade pointer" style=" overflow-y: auto;">
+			<div id="container-2" class="column columnfade pointer card" style=" overflow-y: auto;">
 				<h2 id="add_screen">
 					<span data-translate="remote-screenshare-obs">Remote Screenshare into OBS</span>
 				</h2>
@@ -351,7 +351,7 @@
 					</div>
 				</div>
 			</div>
-			<div id="container-4" class="column columnfade pointer" style=" overflow-y: auto;">
+			<div id="container-4" class="column columnfade pointer card" style=" overflow-y: auto;">
 				<h2>
 					<span data-translate="create-reusable-invite">Create Reusable Invite</span>
 				</h2>
@@ -455,7 +455,7 @@
 					</div>
 				</div>
 			</div>
-			<div id="container-5" class="column columnfade pointer advanced" style=" overflow-y: auto;">
+			<div id="container-5" class="column columnfade pointer advanced card" style=" overflow-y: auto;">
 				<h2><span data-translate="share-local-video-file">Stream Media File</span></h2>
 				<div class="container-inner">
 					
diff --git a/main.css b/main.css
index 15ce29d..25973ba 100644
--- a/main.css
+++ b/main.css
@@ -800,6 +800,11 @@ label {
 }
 
 
+.card {
+	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
+	background-color: #ddd;
+}
+
 /* Create four equal columns that floats next to each other */
 
 .column {
@@ -815,8 +820,6 @@ label {
 	text-align: center;
 	font-size: 100%;
 	/* Add shadows to create the "card" effect */
-	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
-	background-color: #ddd;
 	transition: box-shadow 0.1s ease-in-out;
 }