From f2b2741de31853c4eeded387597caf71db7d5393 Mon Sep 17 00:00:00 2001 From: SeeChen Date: Thu, 3 Oct 2024 14:24:16 +0800 Subject: [PATCH] Update --- CSS/index/home.css | 48 +++++++++++++++++++++++++++++++++++++++++++++- index.html | 2 +- 2 files changed, 48 insertions(+), 2 deletions(-) diff --git a/CSS/index/home.css b/CSS/index/home.css index bec3622..a4d0d59 100644 --- a/CSS/index/home.css +++ b/CSS/index/home.css @@ -50,7 +50,6 @@ text-align: right; width: 90%; margin: auto; - } #social_media_icon { @@ -67,4 +66,51 @@ text-align: center; font-family: 'Courier New', Courier, monospace; color: #888; +} + +@media screen and (max-width: 750px) { + + #home_area p:first-child { + font-size: 1em; + } + + #home_area p:nth-child(2) { + width: 90%; + margin: auto; + font-size: 1.2em; + font-family: 'Courier New', Courier, monospace; + margin-top: 1em; + font-style: italic; + text-shadow: 2px 2px 2px #000; + display: grid; + } + + #home_area p:nth-child(2) span { + font-family: 'PPAcma-Black', 'YeZiGongChangTangYingHei'; + font-size: 1.75em; + font-style: normal; + color: #FFFFFF; + padding-left: 1em; + } + + #home_area p:nth-child(3) { + font-family: 'PPAcma-Black', 'YeZiGongChangTangYingHei'; + font-size: 0.6em; + text-align: right; + width: 80%; + margin: auto; + margin-top: 1em; + } + + #social_media_icon img { + width: 2em; + } + + #copyright_info { + padding-top: 1em; + text-align: center; + font-family: 'Courier New', Courier, monospace; + color: #888; + font-size: 0.75em; + } } \ No newline at end of file diff --git a/index.html b/index.html index 95cb259..4ae6edd 100644 --- a/index.html +++ b/index.html @@ -59,7 +59,7 @@   

- +