diff --git a/index.html b/index.html
index 12cc2a3..4510b5e 100644
--- a/index.html
+++ b/index.html
@@ -150,35 +150,35 @@
.weather-current {
display: flex;
align-items: center;
- gap: 0.6vw;
- padding: 0.2vh 0 0.4vh 0;
+ gap: 0.8vw;
+ padding: 0.6vh 0 0.8vh 0;
border-bottom: 1px solid rgba(230, 223, 209, 0.2);
- margin-bottom: 0.4vh;
+ margin-bottom: 0.8vh;
}
.weather-current-icon {
- width: 2.2em;
- height: 2.2em;
+ width: 3em;
+ height: 3em;
flex-shrink: 0;
}
.weather-current-icon svg { width: 100%; height: 100%; }
.weather-current-temp {
- font-size: 1.6em;
+ font-size: 2.2em;
font-weight: bold;
}
.weather-current-detail {
- font-size: 0.8em;
+ font-size: 1em;
color: #b0a89a;
line-height: 1.3;
}
.weather-day {
- margin-bottom: 0.3vh;
+ margin-bottom: 0.8vh;
}
.weather-day-header {
display: flex;
justify-content: space-between;
align-items: baseline;
- padding: 0.1vh 0;
- font-size: 0.9em;
+ padding: 0.3vh 0;
+ font-size: 1.15em;
}
.weather-day-name {
color: #e6dfd1;
@@ -186,29 +186,30 @@
}
.weather-day-minmax {
color: #999187;
- font-size: 0.8em;
+ font-size: 0.95em;
}
.weather-day-slots {
display: flex;
justify-content: space-between;
- gap: 0.2vw;
- font-size: 0.8em;
+ gap: 0.4vw;
+ font-size: 1.05em;
+ margin-top: 0.4vh;
}
.weather-slot {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
- gap: 0.1vh;
+ gap: 0.4vh;
}
.weather-slot-icon {
- width: 1.6em;
- height: 1.6em;
+ width: 2.5em;
+ height: 2.5em;
}
.weather-slot-icon svg { width: 100%; height: 100%; }
.weather-slot-label {
color: #999187;
- font-size: 0.7em;
+ font-size: 0.85em;
}
.weather-slot-temp {
color: #e6dfd1;