commit fd2ab912bfce04eaa0e879048ef638fe69379bae parent f53bb00d68bf1aaac7082c247e4a234a58b069ae Author: Francisco Boudagh <franciscoboudagh1@gmail.com> Date: Sun, 19 Dec 2021 14:49:21 +0100 Lite mer mobilvänlig Diffstat:
| M | style.css | | | 46 | ++++++++++++++++++++++++++++++---------------- |
1 file changed, 30 insertions(+), 16 deletions(-)
diff --git a/style.css b/style.css @@ -33,20 +33,6 @@ canvas{ width: 100%; } -.main{ - width: 180px; - height: 180px; - border: 2px solid #3F617C; - background-color: #3F617C; - opacity: 0.75; - position: fixed; - top:0; bottom:0; left:0;right:0; - margin: auto; - border-radius: 50%; - transition: 0.7s; - z-index: 2; -} - footer{ color: #3F617C; text-align: center; @@ -127,4 +113,33 @@ footer{ @keyframes appear { 0% { opacity: 0; } 100% { opacity: 1; } -} -\ No newline at end of file +} + +.main{ + width: 180px; + height: 180px; + border: 2px solid #3F617C; + background-color: #3F617C; + opacity: 0.75; + position: fixed; + top:0; bottom:0; left:0;right:0; + margin: auto; + border-radius: 50%; + transition: 0.7s; + z-index: 2; +} + +@media only screen + and (max-width: 1300px) { + .headline { + font-size: 1.3em; + margin-top: 3%; + } + .main{ + width: 90px; + height: 90px; + } + #fact_text{ + font-size: 1em; + } +}