@media (orientation: landscape) { :root {
	--dims-page-width: 60%;
	--dims-page-margin: 20%;
	--dims-page-offset: 5%;
}}
@media (orientation: portrait) { :root {
	--dims-page-width: 96%;
	--dims-page-margin: 2%;
	--dims-page-offset: 1%;
}}

@media (prefers-color-scheme: light) { :root {
	--theme-color-rosewater: #dc8a78;
	--theme-color-flamingo:  #dd7878;
	--theme-color-pink:      #ea76cb;
	--theme-color-mauve:     #8839ef;
	--theme-color-red:       #d20f39;
	--theme-color-maroon:    #e64553;
	--theme-color-peach:     #fe640b;
	--theme-color-yellow:    #df8e1d;
	--theme-color-green:     #40a02b;
	--theme-color-teal:      #179299;
	--theme-color-sky:       #04a5e5;
	--theme-color-sapphire:  #209fb5;
	--theme-color-blue:      #1e66f5;
	--theme-color-lavender:  #7287fd;
	--theme-color-text:      #4c4f69;
	--theme-color-subtext1:  #5c5f77;
	--theme-color-subtext0:  #6c6f85;
	--theme-color-overlay2:  #7c7f93;
	--theme-color-overlay1:  #8c8fa1;
	--theme-color-overlay0:  #9ca0b0;
	--theme-color-surface2:  #acb0be;
	--theme-color-surface1:  #bcc0cc;
	--theme-color-surface0:  #ccd0da;
	--theme-color-base:      #eff1f5;
	--theme-color-mantle:    #e6e9ef;
	--theme-color-crust:     #dce0e8;
}}
@media (prefers-color-scheme: dark) { :root {
	--theme-color-rosewater: #f5e0dc;
	--theme-color-flamingo:  #f2cdcd;
	--theme-color-pink:      #f5c2e7;
	--theme-color-mauve:     #cba6f7;
	--theme-color-red:       #f38ba8;
	--theme-color-maroon:    #eba0ac;
	--theme-color-peach:     #fab387;
	--theme-color-yellow:    #f9e2af;
	--theme-color-green:     #a6e3a1;
	--theme-color-teal:      #94e2d5;
	--theme-color-sky:       #89dceb;
	--theme-color-sapphire:  #74c7ec;
	--theme-color-blue:      #89b4fa;
	--theme-color-lavender:  #b4befe;
	--theme-color-text:      #cdd6f4;
	--theme-color-subtext1:  #bac2de;
	--theme-color-subtext0:  #a6adc8;
	--theme-color-overlay2:  #9399b2;
	--theme-color-overlay1:  #7f849c;
	--theme-color-overlay0:  #6c7086;
	--theme-color-surface2:  #585b70;
	--theme-color-surface1:  #45475a;
	--theme-color-surface0:  #313244;
	--theme-color-base:      #1e1e2e;
	--theme-color-mantle:    #181825;
	--theme-color-crust:     #11111b;
}}

body {
	background-color: var(--theme-color-base);
	color: var(--theme-color-text);
	font-family: Inter, 'San Francisco', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1em;
}

a {
	color: var(--theme-color-blue);
}
a:hover {
	color: var(--theme-color-sky);
}

.page {
	width: var(--dims-page-width);
	margin-left: var(--dims-page-margin);
	margin-right: var(--dims-page-margin);
	margin-top: var(--dims-page-offset);
}