From 1a52b9833d9f7e6774f32d32918dcc84bb2829e8 Mon Sep 17 00:00:00 2001 From: biglyderv Date: Wed, 30 Apr 2025 04:52:00 -0400 Subject: [PATCH] import css rules --- index.css | 74 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 3 +-- 2 files changed, 75 insertions(+), 2 deletions(-) create mode 100644 index.css diff --git a/index.css b/index.css new file mode 100644 index 0000000..8ae9ab5 --- /dev/null +++ b/index.css @@ -0,0 +1,74 @@ +:root { + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + color: rgb(44, 41, 53); +} + +body { + background-image: radial-gradient(rgb(255, 255, 255) 0%, rgb(220, 230, 255) 100%); + background-size: 25px 25px; + background-repeat: repeat; +} + +section { + max-width: 90vw; + width: 800px; + margin-left: auto; + margin-right: auto; + background: rgb(255, 255, 255); + border: solid rgb(200, 200, 200) 2px; + border-radius: 10px; + min-height: 500px; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + text-align: center; + margin: 10px; + margin-bottom: 0; + height: 40px; + line-height: 40px; +} + +p, ul { + margin: 10px; +} + +.grid { + padding: 0; + margin: 10px; + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + min-width: min(400px, 72vw); +} + +.grid>a, +.grid>span { + text-align: center; + height: 100%; + overflow: hidden; + margin-bottom: 25px; +} + +img { + width: min(100px, 18vw); + height: min(100px, 18vw); +} + +img.art { + background: rgb(255,255,255); + max-width: 30vw; + width: 200px; + height: initial; + margin: 10px; + border: solid rgb(85, 153, 255) 2px; + border-left-width: 10px; + border-radius: 10px; +} + +img.dark { + filter: invert(1); +} diff --git a/index.html b/index.html index 4e7d7ce..2414f90 100644 --- a/index.html +++ b/index.html @@ -1,8 +1,7 @@ - - +