diff --git a/index.html b/index.html
index f424b9f..3eac940 100644
--- a/index.html
+++ b/index.html
@@ -25,16 +25,10 @@
+
@@ -59,7 +53,7 @@
class="fa fa-play-circle"> MyAnimeList
-
+
#SejaFeliz❤
diff --git a/style.css b/style.css
index 17d3258..8e9b943 100644
--- a/style.css
+++ b/style.css
@@ -78,7 +78,7 @@ body {
color: var(--bgColor);
}
-#profileQuote {
+#hashtag {
position: relative;
padding-bottom: 20px;
color: var(--accentColor);
@@ -160,13 +160,27 @@ body {
max-height: 500px;
width: auto;
height: auto;
- margin: 64px;
+ margin: 56px;
background-color: var(--accentColor);
/* transform: rotate(32deg); */
transform: scale(0);
transition: .5s ease-in-out;
}
+.popup-quote {
+ font-family : Baskerville, Georgia, serif;
+ font-style : italic;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ color: var(--accentColor);
+ padding: 20px;
+ background-color: rgba(0, 0, 0, 0.7);
+ text-align: center;
+ font-size: 1rem;
+}
+
.popup-photo {
display: flex;
width: 100%;
@@ -178,28 +192,6 @@ body {
height: 100%;
}
-.popup-text {
- display: flex;
- flex-direction: column;
- justify-content: center;
- width: 80%;
- height: 100%;
-}
-
-.popup-text h1 {
- font-size: 2rem;
- font-weight: bold;
- margin-bottom: 2rem;
- text-transform: uppercase;
- color: var(--bgColor2);
-}
-
-.popup-text p {
- font-size: 0.8rem;
- color: var(--bgColor2);
- line-height: 1.5;
-}
-
.overlay:target {
visibility: visible;
opacity: 1;