Merge pull request #50 from Sarthaknegigit/testimonialUpdate

UI Updated
pulkit-30 · Oct 7, 2021 · db64305 · db64305
2 parents fba0b0d + d708a8e
commit db64305
Showing 1 changed file with 20 additions and 11 deletions.
diff --git 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,34 +9,36 @@ 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;
   font-size: 15px;
   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;