0.0.2

static/css/firegame_css.css

@@ -88,26 +88,98 @@ h1{
     width: 100%;
 }
 
+.level-border-1{
+    border: 4px solid #C7A4FF;
+}
+
+.level-border-2{
+    border: 4px solid #6BFFFF;
+}
+
 .level-cont{
     border-radius: 20px;
-    border: 4px solid #C7A4FF;
-    opacity: 0.699999988079071;
+    background: rgba(255, 255, 255, 0.15);
+    width: 390px;
+    height: 220px;
+    margin-left: 45px;
+}
+
+.level-cont:first-of-type{
+    margin-left: 0;
+    border-radius: 20px;
     background: rgba(255, 255, 255, 0.15);
     width: 390px;
     height: 220px;
 }
 
-.level-grad-1{
-    /*background: radial-gradient(88.47% 79.48% at 5.97% 105.30%, #5E1BB4 0%, rgba(94, 27, 180, 0.00) 99.78%);*/
-    background: radial-gradient(45.47% 85.48% at 7.97% 105.3%, #5E1BB4 0%, rgba(94, 27, 180, 0.00) 99.78%);
-    height: 100%;
-    width: 100%;
-    border-radius: 20px;
+.level-background-1{
+    background-image: url("background_for_table_1.svg") ;
 }
 
-.level-grad-2{
+.level-background-2{
+    background-image: url("background_for_table_2.svg") ;
+}
+
+
+.container-background-level{
+
     height: 100%;
     width: 100%;
-    border-radius: 20px;
-    background: radial-gradient(246.21% 71.62% at 94.36% 72.44%, #B41B92 0%, #000 100%);
 }
+
+.container-content-level{
+    width: calc(100% - 36px);
+    height: calc(100% - 43px);
+    padding: 33px 18px 10px 18px;
+}
+
+.container-content-level h2{
+    color: #FFFFFF;
+    margin: 0;
+    height: 72%;
+}
+
+.bottom-part_w{
+    width: 100%;
+}
+
+.description-level-card{
+    color: rgba(255, 255, 255, 0.68);
+    font-family: 'Inter';
+    font-size: 16px;
+    width: fit-content;
+    float: left;
+}
+
+.description-level-card span:first-of-type{
+    color: rgba(255, 255, 255, 0.68);
+    font-family: 'Inter';
+    font-size: 18px;
+    width: fit-content;
+    float: left;
+}
+
+.button-level-card{
+    width: fit-content;
+    float: right;
+}
+
+.button-level-card button{
+    width: 130px;
+    height: 30px;
+    border-radius: 20px;
+    background: #FFF;
+    font-family: 'Montserrat';
+    font-size: 18px;
+    font-weight: 500;
+    border: none;
+}
+
+.color-button-level-card-1{
+    color: #8D2C78;
+}
+
+.color-button-level-card-2{
+    color: #7FB47B;
+}
+