Update application/static/css/style.css

application/static/css/style.css

@@ -43,15 +43,16 @@ nav{
     cursor: pointer;
     position: absolute;
     z-index: 101;
+    margin: 10px;
 }
 .line1{
     background-color: rgb(122, 122, 122);
-    width: 7vh;
+    width: 6vh;
     height: 0.5vh;
 }
 .line2{
     background-color: rgb(104, 104, 104);
-    width: 4vh;
+    width: 3vh;
     height: 0.5vh;
 }
 
@@ -135,7 +136,7 @@ nav{
 .container {
     width: 99.5%;
     max-width: 99.5%;
-    height: 90vh;
+    height: 90%;
     position: absolute;
     z-index: 50;
     top: 8vh;
@@ -161,7 +162,7 @@ nav{
     position: relative; 
     margin-top: auto; 
     align-self: center;
-    margin-bottom: 1.5vh;
+
 }
 
 .textBox{
@@ -198,12 +199,13 @@ nav{
     text-align: left;
     font-weight: 300;
     border-radius: 10px;
-    box-shadow: 3px 3px rgb(36, 36, 36) inset;
-    font-size: medium;
     line-height: 130%;
+    
 }
 .user p{
-    color: #c5c5c5;
+    color: #b4b4b4;
+    padding: 0;
+    opacity: 0.9;
 }
 .ai{
     text-align: left;
@@ -213,15 +215,16 @@ nav{
     margin-top: 2vh;
 }
 .ai p {
-    opacity: 0.95;
+    opacity: 0.9;
     font-size: medium; 
     font-weight: 300; 
     line-height: 1.6;
-    color: #cfcfcf; 
-}
-.user p, .ai p{
-    padding:0;
+    color: #b9b9b9; 
+    background-color: rgba(20,20,20,0.6);
+    padding: 10px;
+    border-radius: 10px;
 }
+
 .subHeading,.heading{
     padding: 1vh;
     border-radius: 10px;
@@ -307,9 +310,10 @@ code{
     .inputs{
         width: 85%;
     }
-}
-
-/* TO do .....*/
-.textCustomization{
-    display: none;
+    .ai{
+        width: 90%;
+    }
+    .user{
+        max-width: 90%;
+    }
 }