From 4b77bef6ef8bd85400399e9f9af9988edf684c30 Mon Sep 17 00:00:00 2001
From: Emile Clark-Boman <eclarkboman@gmail.com>
Date: Tue, 3 Feb 2026 22:20:31 +1000
Subject: [PATCH] add cryframes

---
 www/css/ppty.css  | 12 +++---------
 www/css/style.css | 29 ++++++++++++++++++++++++-----
 2 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/www/css/ppty.css b/www/css/ppty.css
index 73192fb..ecf388d 100644
--- a/www/css/ppty.css
+++ b/www/css/ppty.css
@@ -3,15 +3,6 @@
 /* =========================================================== */
 
 .ppty {
-  background-color: var(--theme-bg);
-  border: 0.5ch solid var(--theme-tty-border);
-  
-  margin: auto auto;
-  padding: 20px;
-
-  position: relative;
-  height: auto;
-  
   /* display: block; */
   /* flex-direction: column; */
   /* justify-content: start; */
@@ -19,6 +10,9 @@
   /* align-items: start; */
 
   overflow: hidden;
+
+  font-family: monospace;
+  font-weight: bold;
 }
 
 .ppty-block {
diff --git a/www/css/style.css b/www/css/style.css
index f4d9a73..0c5a154 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -2,6 +2,11 @@ body {
   background-color: var(--theme-bg);
 }
 
+main {
+  visibility: hidden;
+  opacity: 0;
+}
+
 #bg-canvas {
   display:block;
   position: fixed;
@@ -12,7 +17,7 @@ body {
   z-index: -1;
 }
 
-.centered {
+.centered-container {
   position: absolute;
   inset: 0 0 0 0;
   margin: auto;
@@ -20,8 +25,22 @@ body {
   display: flex;
 }
 
-.heading {
-  font-family: monospace;
-  font-size: 2em;
-  font-weight: bold;
+.centered {
+  margin: auto auto;
+  position: relative;
+}
+
+/* like iframes but . . . wait what are iframes again? */
+.cryframe {
+  border: 0.5ch solid var(--theme-tty-border);
+  padding: 20px;
+
+  width: auto;
+  height: auto;
+  
+  background-color: var(--theme-bg);
+  color: var(--theme-text);
+
+  font-family: monospace;
+  font-size: 1.5em
 }