Made more reactive styling on main page and template

2023-09-05 22:53:56 +01:00
parent b2b56480b8
commit 7d7012eec6
5 changed files with 56 additions and 29 deletions
--- a/src/app.html
+++ b/src/app.html
@@ -20,7 +20,7 @@
 				--purple: #C678DD; 
 				--cyan: #56B6C2;

-				--font: Consolas, 'Cascadia Code';
+				--font: Consolas, 'Cascadia Code', Monaco, 'SF Mono', 'DejaVu Sans Mono', 'Roboto Mono';

 				background: var(--bg);
 				color: var(--fg);
@@ -29,6 +29,12 @@
 				margin: 2rem;
 			}

+			@media (max-width: 800px) {
+				.not-required {
+					display: none;
+				}
+			}
+
 			a {
 				text-decoration: none;				
 				position: relative;