diff options
Diffstat (limited to 'src/components/ShapesBackground.astro')
| -rw-r--r-- | src/components/ShapesBackground.astro | 21 |
1 files changed, 17 insertions, 4 deletions
diff --git a/src/components/ShapesBackground.astro b/src/components/ShapesBackground.astro index fd56d72..9a518c6 100644 --- a/src/components/ShapesBackground.astro +++ b/src/components/ShapesBackground.astro @@ -20,7 +20,7 @@ .context h1 { text-align: center; color: #fff; - font-size: 50px; + font-size: 3rem; /* Using rem for scalable font size */ } .circles { @@ -37,13 +37,14 @@ position: absolute; display: block; list-style: none; - width: 20px; - height: 20px; + width: 2vw; + height: 2vw; background: rgba(255, 255, 255, 0.2); animation: animate 25s linear infinite; - bottom: -150px; + bottom: -10vw; } + .circles li:nth-child(1) { left: 25%; width: 80px; @@ -132,4 +133,16 @@ border-radius: 50%; } } + @media (max-width: 768px) { + .context h1 { + font-size: 2rem; + } + + .circles li { + width: 5vw; + height: 5vw; + bottom: -15vw; + } + + } </style>
\ No newline at end of file |