diff --git a/Projects/EncryptedChatUsingBasicCypherAlgo/index.html b/Projects/EncryptedChatUsingBasicCypherAlgo/index.html
index 1c096fa..b0b7700 100644
--- a/Projects/EncryptedChatUsingBasicCypherAlgo/index.html
+++ b/Projects/EncryptedChatUsingBasicCypherAlgo/index.html
@@ -4,24 +4,24 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Wassup chat app</title>
-    <link rel="stylesheet" href="/style.css" />
+    <link rel="stylesheet" href="style.css" />
   </head>
 
   <body>
-    <section class="chat__section">
-      <div class="brand">
+    <section class="chat__section" style="border-radius: 25px">
+      <div class="brand" style="border-radius: 25px">
         <img height="40" src="/wassup.png" alt="" />
         <h1>Wassup</h1>
       </div>
-      <center>
+      <center style="border-radius: 25px">
         <h5>
           NAME: <span id="nameid"></span> &nbsp;&nbsp;Key:
           <span id="keyid"></span>
         </h5>
       </center>
-      <div class="message__area"></div>
-      <div>
-        <textarea
+      <div class="message__area" style="border-radius: 25px"></div>
+      <div style="border-radius: 25px">
+        <textarea style="border-radius: 25px"
           id="textarea"
           cols="30"
           rows="1"
diff --git a/Projects/EncryptedChatUsingBasicCypherAlgo/public/style.css b/Projects/EncryptedChatUsingBasicCypherAlgo/public/style.css
index 392d214..fd82acc 100644
--- a/Projects/EncryptedChatUsingBasicCypherAlgo/public/style.css
+++ b/Projects/EncryptedChatUsingBasicCypherAlgo/public/style.css
@@ -10,7 +10,7 @@ body {
     align-items: center;
     justify-content: center;
     min-height: 100vh;
-    background: #F8F8F8;
+    background: #070707;
     font-family: 'Roboto', sans-serif;
 }
 section.chat__section {
@@ -19,12 +19,19 @@ section.chat__section {
     background: #fff;
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
+section.chat__section:hover{
+    background:rgb(59, 111, 255);
+}
 .brand {
     padding: 20px;
-    background: #f1f1f1;
+    background: #FBFBFB;
     display: flex;
     align-items: center;
 }
+.brand:hover{
+    background: #070707;
+    color:white
+}
 .brand h1 {
     text-transform: uppercase;
     font-size: 20px;
@@ -39,6 +46,9 @@ section.chat__section {
     overflow-y: auto;
     padding-top: 40px;
 }
+.message__area:hover{
+    background:rgb(59, 111, 255);
+}
 textarea {
     width: 100%;
     border: none;
@@ -47,7 +57,10 @@ textarea {
     outline: none;
     background: #FBFBFB;
 }
-
+textarea:hover{
+    background: #070707;
+    color:white;
+}
 .message {
     padding: 20px; 
     border-radius: 4px; 
@@ -55,6 +68,9 @@ textarea {
     max-width: 300px;
     position: relative;
 }
+.message:hover{
+    background:rgb(59, 111, 255);
+}
 .incoming {
     background: #8F8BE8;
     color: #fff;  
