Saving my current unfinished limited color print theme

Whoops, look like I got bored of my last theme and wanted to make a new one before I finished it. Whatever

Here it is.

<style>
  @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Lora:wght@400;500;700&display=swap');

:root {
  --bg: #300;
  --white: #fed;
  --light-gray: #ca8;
  --gray: #e3e3e3;
  --dark-gray: #919191;
  --darker-gray: #545454;
  --black: #210;
  --logo-blue: #1D4ED8;
  --darker-blue: #1E40AF;
  --lighter-blue: #28a;
  --even-lighter-blue: #BFDBFE;
  --lightest-blue: #DBEAFE;
  --red: #FF0000;
  --darker-orange: #700;
  --dark-orange: #900;
  --light-orange: #f9c56c;
  --even-lighter-orange: #fcdbb8;
  --strange-yellow: #dbae2e;
  --green: #34D399;
  --light-green: #E6F8DD;
  --medium-green: #A0C99C;
  --dark-green: #059669;
  accent-color: #1D4ED8;
  accent-color: var(--logo-blue);
}

body { background-color: var(--bg);
background-image: url(https://64.media.tumblr.com/36565e2daf21ed32adf33f6933634116/7983f9fd31d7a77e-88/s250x400/cfa1b220a2ef1e82c171390a780b390a77aa14f5.png);
background-size: 256px; }
.container {
background-color: var(--light-gray);
box-shadow: 6px 6px 8px #100c;
}
main { background-color: var(--white); color: var(--black); box-shadow: 0px 0px 20px 5px var(--light-gray) inset; }
nav .top { background-color: var(--darker-orange); }
main p { font-family: Lora, Times New Roman, Serif; }
h1, .details-table td:first-child {
color: var(--dark-orange);
font-family: Cormorant Garamond, Times New Roman, serif;
text-transform: uppercase; }
h1 { font-size: 3em; }
nav .links a, .profile .table-section .heading, .setting-section .heading, .home-actions .heading { color: var(--white); }

img { filter: sepia(31%) drop-shadow(2px 2px 2px #3303); }
online img { filter: sepia(31%); }

.profile .contact { border-radius: 25px; }
.profile .contact .heading { background-color: #0f00; color: var(--black);
border-radius: 25px 25px 0px 0px; padding-left: 12px;
}
.profile .table-section { border: none; }
.profile h1 { font-size: 3em; }
.details-table td ,  .details-table td:first-child { background-color: #0f00; }
.details-table td:first-child { width: 25%; }
.details-table tr::after { border-bottom: 2px solid black; }
</style>