From 45b66a2ef1f079a97ea1e379b57b1fb3190cd673 Mon Sep 17 00:00:00 2001
From: James Dinh <jamesdinh77@gmail.com>
Date: Thu, 2 Jun 2022 18:34:59 -0700
Subject: [PATCH] Changed Styles

---
 css/general.css | 6 ++++--
 index.html      | 9 ++++++---
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/css/general.css b/css/general.css
index 976e338..18bcb1e 100644
--- a/css/general.css
+++ b/css/general.css
@@ -872,7 +872,7 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de
   position: relative;
 }
 
-.prize-desc:hover {
+.prize-desc:hover > .prize-content {
   transform: rotate3d(0, 1, 0, 360deg);
   transition: 0.5s;
 }
@@ -887,12 +887,14 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de
   position: absolute;
   color: rgb(77, 218, 211);
   font-size: 25px;
-  margin-bottom: 40px;
+  margin-bottom: 45px;
 }
 
 .prize-content {
   color:rgb(129, 218, 126);
   font-size: 20px;
+  height: 20px;
+  position: absolute;
 }
 
 #second-column {
diff --git a/index.html b/index.html
index 7b3f0db..08f980f 100644
--- a/index.html
+++ b/index.html
@@ -347,7 +347,8 @@
                     <div class="podium-description">
                         <div class="prize-desc">
                             <img class="prize-laurel" src="img/silver-laurel.png" loading="lazy" alt="silver laurel">
-                            <div class="prize-title">2nd<br><div class="prize-content">$300</div></div>
+                            <div class="prize-title">2nd</div>
+                            <div class="prize-content">$300</div>
                         </div>
                         <div class="podium-edge"></div>
                         <div id="second-podium"></div>
@@ -357,7 +358,8 @@
                     <div class="podium-description">
                         <div class="prize-desc">
                             <img class="prize-laurel" src="img/gold-laurel.png" loading="lazy" alt="gold laurel">
-                            <div class="prize-title">1st<br><div class="prize-content">$400</div></div>
+                            <div class="prize-title">1st</div>
+                            <div class="prize-content">$400</div>
                         </div>
                         <div class="podium-edge"></div>
                         <div id="first-podium">
@@ -371,7 +373,8 @@
                     <div class="podium-description">
                         <div class="prize-desc">
                             <img class="prize-laurel" src="img/bronze-laurel.png" loading="lazy" alt="bronze laurel">
-                            <div class="prize-title">3rd<br><div class="prize-content">$200</div></div>
+                            <div class="prize-title">3rd</div>
+                            <div class="prize-content">$200</div>
                         </div>
                         <div class="podium-edge"></div>
                         <div id="third-podium"></div>