diff --git a/visual-paging/index.html b/visual-paging/index.html
index dd73022..2a033b8 100644
--- a/visual-paging/index.html
+++ b/visual-paging/index.html
@@ -9,7 +9,7 @@
width: 100vw;
text-align: center;
position: absolute;
- font-size: 6vh;
+ font-size: 6vmin;
top: 0px;
left: 0px;
}
@@ -30,21 +30,30 @@
p#announcement {
margin-left: auto;
margin-right: auto;
- padding-top: 7vh;
- padding-bottom: 7vh;
+ padding-top: 7vmax;
+ padding-bottom: 7vmax;
color: #ffffff;
- font-size: 7vh;
+ font-size: 7vmin;
text-align: center;
width: 80vw;
}
p#announcement.tiny {
- font-size: 15vh;
+ font-size: 15vmin;
}
p#announcement.short {
- font-size: 10vh;
+ font-size: 10vmin;
}
p#announcement.long {
- font-size: 5vh;
+ font-size: 5vmin;
+ }
+ @media (orientation: portrait) {
+ p#announcement {
+ width: 95vw;
+ padding-bottom: 3vmax;
+ }
+ p#announcement.tiny {
+ font-size: 10vmin;
+ }
}