neumorphism

Author: ithebk

css/style.css

@@ -152,7 +152,7 @@ a{
 .demo-card-square > .mdl-card__title {
   color: #fff;
   background-repeat: no-repeat;
-    background-position: center;
+  background-position: center;
  background-color: #46B6AC
 
 }
@@ -167,11 +167,10 @@ border-radius: 4px;
 background-color: transparent;
 }
 
-h6{	text-align: justify;
+h6{	
+  text-align: justify;
 	color:#A0A0A0;
-	padding:20px;
-	border-radius:4px;
-	border:1px solid rgba(255, 255, 255, 0.1);
+	
 }
 .mdl-button>.mdl-js-button{
  color:#FF0F00;
@@ -185,6 +184,17 @@ h6{	text-align: justify;
 .azure{
   color: #007fff;
 }
+.neumorphism{
+  border-radius: 10px;
+  background: #263238;
+  box-shadow:  20px 20px 60px #202b30, -20px -20px 60px #2c3a40;
+  padding:20px;
+}
+.neumorphism-no-padding{
+  border-radius: 10px;
+  background: #263238;
+  box-shadow:  20px 20px 60px #202b30, -20px -20px 60px #2c3a40;
+}
 
 ul {
   width: 100%;