From d708a8e0c43cc5ef3f8c539275822475f9c7f23b Mon Sep 17 00:00:00 2001
From: Sarthak <snegicodes@gmail.com>
Date: Thu, 7 Oct 2021 00:41:21 +0530
Subject: [PATCH] UI Updated

---
 Testimonial/Style.css | 31 ++++++++++++++++++++-----------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/Testimonial/Style.css b/Testimonial/Style.css
index add7f36..03afcf8 100644
--- a/Testimonial/Style.css
+++ b/Testimonial/Style.css
@@ -1,3 +1,6 @@
+@import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Carattere&display=swap');
+
 * {
   margin: 0;
   padding: 0;
@@ -6,10 +9,10 @@ body {
   width: 100%;
   height: 100vh;
   overflow: hidden;
-  background-color: #2c2e43;
+  background-color: #343F56;
   display: flex;
   /* justify-content: center; */
-  color: white;
+  color: #FB9300;
   align-items: center;
   flex-direction: column;
   justify-content: space-evenly;
@@ -17,23 +20,25 @@ body {
   font-family: sans-serif;
 }
 h1 {
+  font-family: 'Cookie', cursive;
+  font-size: 100px;
   font-weight: lighter;
   position: absolute;
   top: 30px;
 }
 .box {
   position: relative;
-  box-shadow: 0px 0px 5px rgb(135, 197, 255);
+  box-shadow: 0px 0px 5px #610094;
   padding: 20px;
   color: black;
   width: 50vw;
   height: 200px;
-  background-color: #96baff;
-  border-radius: 20px;
-  -webkit-border-radius: 20px;
-  -moz-border-radius: 20px;
-  -ms-border-radius: 20px;
-  -o-border-radius: 20px;
+  background-color: #F54748;
+  border-radius: 30px;
+  -webkit-border-radius: 30px;
+  -moz-border-radius: 30px;
+  -ms-border-radius: 30px;
+  -o-border-radius: 30px;
   transition: 0.3s;
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
@@ -80,6 +85,9 @@ h1 {
   -o-border-radius: 50px;
 }
 .box .quote {
+  color: #F5E6CA;
+  font-family: 'Carattere', cursive;
+  font-size: 23px;
   width: 80%;
   margin: 30px auto;
 }
@@ -90,11 +98,12 @@ h1 {
 }
 .name {
   font-size: 25px;
-  color: rgba(0, 0, 0, 0.493);
+  color: #ffe7b9;
 }
 span {
+  color: #F5E6CA;
   font-size: 50px;
-  color: rgba(46, 46, 46, 0.692);
+
 }
 .box__bottom {
   position: absolute;