0.0.3

static/css/firegame_css.css

@@ -19,7 +19,7 @@ h1{
 }
 
 .cut-width{
-    max-width: 1280px;
+    max-width: 1300px;
     width: 100%;
     margin: auto;
     height: 100%;
@@ -96,6 +96,16 @@ h1{
     border: 4px solid #6BFFFF;
 }
 
+.level-border-3{
+    border: 4px solid #FFB26B;
+}
+
+.level-border-4{
+    border: 4px solid ;
+    border-image-source: linear-gradient(79.19deg, #316AA6 1.88%, #B224B5 93.73%);
+
+}
+
 .level-cont{
     border-radius: 20px;
     background: rgba(255, 255, 255, 0.15);
@@ -114,15 +124,32 @@ h1{
 
 .level-background-1{
     background-image: url("background_for_table_1.svg") ;
+    box-shadow: 12px 12px 20px 0px rgba(159, 47, 135, 0.4);
+
 }
 
 .level-background-2{
     background-image: url("background_for_table_2.svg") ;
+    box-shadow: 12px 12px 20px 0px rgba(117, 163, 112, 0.4);
+
+}
+
+.level-background-3{
+    background-image: url("background_for_table_3.svg") ;
+    box-shadow: 12px 12px 20px 0px rgba(152, 77, 77, 0.4);
+
+}
+
+.level-background-4{
+    background-image: url("background_for_workout.svg") ;
+    box-shadow: 12px 12px 20px 0px rgba(178, 39, 186, 0.4);
+
 }
 
 
-.container-background-level{
 
+.container-background-level{
+    border-radius: 20px;
     height: 100%;
     width: 100%;
 }
@@ -131,12 +158,14 @@ h1{
     width: calc(100% - 36px);
     height: calc(100% - 43px);
     padding: 33px 18px 10px 18px;
+    text-align: start;
+    border-radius: 20px;
 }
 
 .container-content-level h2{
     color: #FFFFFF;
     margin: 0;
-    height: 72%;
+    height: 80%;
 }
 
 .bottom-part_w{
@@ -183,3 +212,21 @@ h1{
     color: #7FB47B;
 }
 
+.color-button-level-card-3{
+    color: #C16374;
+}
+
+.color-button-level-card-3{
+    color: rgba(171, 43, 186, 1);
+}
+
+
+/*footer*/
+
+.footer{
+    width: 100%;
+    padding-top: 24px;
+    min-height: 150px;
+    max-width: 1300px;
+    margin: auto;
+}