From 9bb657c89d34e8ba8ca39ffc5efe23004c475e69 Mon Sep 17 00:00:00 2001
From: biglyderv <eggseggsarecool+git@gmail.com>
Date: Wed, 30 Apr 2025 04:52:54 -0400
Subject: [PATCH] fix css rules
---
index.css | 76 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
index.html | 2 --
2 files changed, 76 insertions(+), 2 deletions(-)
diff --git a/index.css b/index.css
index 20ac7d5..997927f 100644
--- a/index.css
+++ b/index.css
@@ -1,3 +1,79 @@
+: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);
+}
+
+
.ui {
display: inline-block;
margin: 10px;
diff --git a/index.html b/index.html
index d837cea..4c4a1cf 100644
--- a/index.html
+++ b/index.html
@@ -1,8 +1,6 @@
<!DOCTYPE html>
<html>
<head>
- <!-- You may want to copy this file manually... -->
- <link rel="stylesheet" href="https://onezderv.codeberg.page/home/index.css">
<link rel='stylesheet' href='index.css'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>