diff --git a/style.css b/style.css index b78249a..b1e01d9 100644 --- a/style.css +++ b/style.css @@ -60,7 +60,7 @@ td.drawn.bingo:hover { img#center-field-image { max-height: calc(100vh / 6); - max-width: calc(100vh / 6); + max-width: calc(100vw / 6); } p#seeed { @@ -74,7 +74,7 @@ span#copy-permalink, span#refresh-bingo { div#winner-message { display: flex; position: fixed; - font-size: 3000%; + font-size: xx-large; text-shadow: 0 0 40px white; transition: all ease-out .75s; pointer-events: none; @@ -126,3 +126,27 @@ div#winner-message.won { opacity: 0; } } + +@media screen and (max-width: 767px) and (orientation: portrait) { + td { + font-size: large; + } + div#winner-message.won { + animation: unset; + } + div#winner-message { + display: none; + } +} + +@media screen and (max-width: 576px) and (orientation: portrait) { + td { + font-size: unset; + } + div#winner-message.won { + animation: unset; + } + div#winner-message { + display: none; + } +} \ No newline at end of file