init

app/static/styles/test.css

@@ -0,0 +1,47 @@
+@import url("../resources/gnomecolors.css");
+
+.button {
+	display: inline-block;
+	padding: 10px 20px;
+	font-size: 1.5rem;
+	font-variation-settings: 'wght' 420; /* heheh */
+	color: rgba(0,0,0,0.75);
+	border-radius: var(--rounded-corner);
+	background-color: rgba(255, 255, 255, 0.4);
+	border: solid rgba(0, 0, 0, 0.75);
+	border-width: 2px;
+  	-webkit-backdrop-filter: blur(15px) saturate(1.4) contrast(1.3);
+  	backdrop-filter: blur(15px) saturate(1.4) contrast(1.3);
+
+	-webkit-box-shadow: 0px 5px 15px 2px rgba(0,0,0,0.4);
+	box-shadow: 0px 5px 15px 2px rgba(0,0,0,0.4);
+	
+	transition: font-variation-settings 150ms, border-width 150ms;
+}
+
+@media (prefers-color-scheme: dark) {
+	.button {
+		color: rgba(255,255,255,0.75);
+		background-color: rgba(0, 0, 0, 0.4);
+		border: solid rgba(255, 255, 255, 0.75);
+	}
+}
+
+
+
+.button:hover {
+	border-width: 4px;
+	font-variation-settings: 'wght' 700;
+}
+
+.container {
+	position: relative;
+	text-align: center;
+  }
+
+.contCenter {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+}