Update universe.css and universe.html

universe.css

@@ -194,6 +194,7 @@ a:hover {
     border-radius: 3px;
     width: 90%;
     margin: 0 auto;
+    margin-bottom: 70px;
     height: 75vh;
     padding: 0;
 }
@@ -205,7 +206,8 @@ a:hover {
     color: white;
     font-size: 50px;
     margin: auto;
-    margin-top: 2%;
+    margin-top: 1%;
+    margin-bottom: 2%;
     padding: 0;
     font-weight: bolder;
     width: 95%;
@@ -214,40 +216,51 @@ a:hover {
 }
 
 .ppl-1, .ppl-2, .ppl-3 {
+    padding-top: 30px;
+    line-height: 20px;
+    text-align: left;
+    font-family: "Plus Jakarta Sans", sans-serif;
+    color: transparent;
     background-repeat: no-repeat;
     margin: 0 auto;
     height: 60vh;
     width: 25%;
-    border-radius: 10px;
+    border-radius: 30px;
     display: block;
     flex-grow: 0;
     flex-shrink: 1;
     flex-basis: auto;
     align-self: center;
     order: 0;
     cursor: pointer;
-    transition: .5s;
+    transition: .5s ease-in-out;
     margin: 0 auto;
 }
 .ppl-1 {
     background-image: url("images/hermann.jpg");
     background-size: 100%;
-    transition: .5s ease;
+    transition: .5s ease-in-out;
 }
 .ppl-2 {
     background-image: url("images/hoyle.jpg");
     background-size: 100%;
-    transition: .5s ease;
+    transition: .5s ease-in-out;
 }
 .ppl-3 {
     background-image: url("images/thomas.jpg");
     background-size: 100%;
-    transition: .5s ease;
+    transition: .5s ease-in-out;
 }
 .ppl-1:hover, .ppl-2:hover, .ppl-3:hover {
-    overflow-y: scroll;
+    color: black;
+    overflow-y: hidden;
     background-image: none;
     background-size: 100%;
-    background-color: #e4f6ffc2;
-    transition: .5s ease;
+    background-color: #ffffff;
+    transition: .5s ease-in-out;
+}
+#h-p {
+    font-family: "Plus Jakarta Sans", sans-serif;
+    font-weight: bolder;
+    font-size: 40px;
 }

universe.html

@@ -26,9 +26,13 @@
     </div>
     <div class="container-ppl">
         <div class="ppl-title">Steady-State Theory Scientists</div>
-        <div class="ppl-1"></div>
-        <div class="ppl-2"></div>
-        <div class="ppl-3"></div>
+        <div class="ppl-1"><span id="h-p">Hermann Bondi</span><br><br><br><br>Hermann Bondi (born on November 1, 1919, in Vienna Austria, He died on September 10, 2005, in Cambridge England) he is an austrian mathematician and cosmologist Who is known for creating the steady state theory with Fred Hoyle and Thomas Gold as an replacement to Big Bang Theory.<br><br>He is the first one to came up with inertia and gravitational and interaction of negative mass.
+            Bondi considered the 1962 <i>Gravitational Waves</i> as his "best scientific work".
+            </div>
+        <div class="ppl-2"><span id="h-p">Fred Hoyle</span><br><br><br><br>Fred Hoyle (born June 24, 1915, Bingley, Yorkshire , died on August 20, 2001, Bournemouth, Dorset). Hoyle is a British mathematician and astronomer who calculated the stellar nucleosynthesis. <br><br>Hoyle is the one to defend The Steady-State Theory; this theory holds <i>"both that the universe is expanding and that matter is being continuously created."</i> After the things he did Fred Hoyle has been a significant person in astrophysics and cosmology.
+        </div>
+        <div class="ppl-3"><span id="h-p">Thomas Gold</span><br><br><br><br>Thomas Gold (born May 22, 1920, Vienna, Austria, died June 22, 2004, Ithaca, New York, U.S.) he is a astrophysicist, a professor of astronomy at Cornell University, a member of the U.S. National Academy of Sciences, and a Fellow of the Royal Society. <br><br> His most helpful research in The Steady-State Theory is the conducted research on pulsars, neutron stars, and the interstellar medium. After that his curiosity continued to inspire other astronomers and astrophysicists.
+        </div>
     </div>
     <!-- <a href="Planets.html">
         <img src="images/spacee.png" alt="Clickable Image"> <p>Click The universe to proceed in Solar System.</p> -->