From 5e18d9b71a699887f5d6d829747934e79fd9548d Mon Sep 17 00:00:00 2001
From: john-emerson14 <john.carv.sousa@gmail.com>
Date: Mon, 23 Mar 2020 14:43:46 -0300
Subject: [PATCH] fix: popup quote dimensions

---
 index.html |  6 +++---
 style.css  | 11 ++++-------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 3eac940..daf78e4 100644
--- a/index.html
+++ b/index.html
@@ -25,9 +25,9 @@
         <div class="popup">
             <div class="popup-photo">
                 <img src="https://avatars0.githubusercontent.com/u/43749971" alt="Profile Picture">
-                <div class="popup-quote">
-                    But... the sensation that I've lost something lingers for a longtime after I wake up.
-                </div>
+            </div>
+            <div class="popup-quote">
+                But... the sensation that I've lost something lingers for a longtime after I wake up.
             </div>
 
             <a class="popup-close" onclick="history.back()">&times;</a>
diff --git a/style.css b/style.css
index 8e9b943..b5f8b4f 100644
--- a/style.css
+++ b/style.css
@@ -156,8 +156,8 @@ body {
     display: flex;
     flex-direction: column;
     align-items: center;
-    max-width: 500px;
-    max-height: 500px;
+    max-width: 400px;
+    /* max-height: 500px; */
     width: auto;
     height: auto;
     margin: 56px;
@@ -170,13 +170,10 @@ body {
 .popup-quote {
     font-family : Baskerville, Georgia, serif;
     font-style : italic;
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    left: 0;
+    position: flex;
     color: var(--accentColor);
     padding: 20px;
-    background-color: rgba(0, 0, 0, 0.7);
+    background-color: var(--bgColor);
     text-align: center;
     font-size: 1rem;
 }