diff --git a/index.html b/index.html
index e5832910..e54480c0 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,6 @@
adndkr
-
diff --git a/style.css b/style.css
index 94bffa01..b3a66117 100644
--- a/style.css
+++ b/style.css
@@ -79,12 +79,14 @@ body {
max-width: 27%; /* Ensures the image is responsive and fits the container */
height: auto; /* Maintains the aspect ratio of the image */
display: block; /* Makes the image a block-level element */
+ position: relative;
margin: -80px auto 5px; /* Centers the image horizontally */
}
.view-link {
/* font-family: 'main-font'; */
font-family: 'M PLUS Code Latin', monospace;
+ position: relative;
display: block; /* Makes the link a block-level element */
margin: 5px auto; /* Adds space around the link and centers it horizontally */
text-decoration: none;
@@ -183,6 +185,16 @@ body {
@media (max-width: 780px) {
+ .view-link {
+ bottom: 20px;
+ font-size: 13px;
+ }
+
+ .logo-image {
+ bottom: 20px;
+ max-width: 70%;
+ }
+
#initialArtwork {
display: block;
margin-top: -70px;
@@ -192,13 +204,12 @@ body {
top: -30px;
}
- .logo-image {
- max-width: 70%;
-
+ .loading-indicator {
+ font-size: 10px;
}
.info-navigation-container {
- font-size: 14px;
+ font-size: 12px;
position: absolute;
right: 0px;
bottom: 15px;