ptit push

WEB/src/CSS/enigme.css

@@ -43,7 +43,7 @@ input:focus, textarea:focus, select:focus {
 /* Main CSS */
 html{
   scroll-behavior: smooth;
-  background-color: rgb(15, 15, 15);
+  background-image: url(../../assets/img/background2.jpg);
   height: 100vh;
   background-position: center;
   background-repeat: no-repeat;
@@ -75,6 +75,13 @@ body{
     height: 100%;
     color: aliceblue;
     margin-left: 20px;
+    background: rgba(0,0,0,0.6);
+    box-sizing: border-box;
+    box-shadow: 0 15px 25px rgba(0,0,0,);
+    border-radius: 10px;
+    padding: 10px;
+    margin-left: 10px;
+    margin-right: 20px;
 }
 
 
@@ -120,7 +127,7 @@ body{
 
 .buttons .btn:nth-child(2):before, .buttons .btn:nth-child(2):after
   {
-    background: linear-gradient(45deg, #f0075b, #0e1538, #1aff22);
+    background: linear-gradient(45deg, #d400d4, #0e1538, #fb5942);
   }
 
 .buttons .btn:hover:before
@@ -181,12 +188,14 @@ body{
 
 #console{
   font-size: .8rem;
+  opacity: 0.85;
   letter-spacing: 1px;
   background-color: #040a29;
   color: #fff;
   border: solid 1px #414141;
   padding: 10px;
-  margin: 10px;
+  margin-left: 10px;
+  margin-right: 10px;
   max-width: 95%;
   max-height: 85%;
   line-height: 1.5;

WEB/src/JS/base.js

@@ -41,6 +41,7 @@ function run_init() {
 
 
 var editor = ace.edit("editor");
+editor.container.style.opacity = 0.85;
 editor.setTheme("ace/theme/vibrant_ink");
 editor.getSession().setMode("ace/mode/python");
 editor.setFontSize("16px");