diff --git a/html/style.css b/html/style.css
index 49351ab..3b45bcd 100644
--- a/html/style.css
+++ b/html/style.css
@@ -39,7 +39,6 @@ input{
align-items: center; /* Centering child elements horizontally */
}
#Title{
- font-family: 'Segoe UI';
font-size: 300%;
}
#LinkButtons{
@@ -111,9 +110,23 @@ body.dark-mode .input {
#Main {
width: 100%; /* Full width on narrow screens */
}
- .container, .content, body {
- padding-left: 20px; /* Increase the left padding */
- padding-right: 20px; /* Increase the right padding */
+}
+@media (max-width: 650px) {
+ #Title {
+ font-size: 150%;
+ }
+ #ConnectButton,
+ #WebsiteButton {
+ display: block;
+ margin: 0 auto;
+ }
+ #LinkButtons {
+ text-align: center;
+ }
+ #SendMessage {
+ display: block;
+ margin: 0 auto;
+ margin-bottom: 20px;
+ margin-top: 10px;
}
}
-