@font-face {
  font-family: 'DM Mono'; 
  src: url('https://file.garden/ZkEY3dxjtja0xEri/pstry/DMMono-Medium.ttf')
}

@font-face {
  font-family: 'Sixtyfour'; 
  src: url('https://file.garden/ZkEY3dxjtja0xEri/pstry/Sixtyfour.woff2')
}

:root[data-theme="light"] {
    --color: #1E2A1E;
    --background: #D7E6DA;
		--vback: white;
}

:root[data-theme="dark"] {
    --color: #D7E6DA;
    --background: #101910;
		--vback: black;
}

::-moz-selection{color:#D7E6DA;background:#69876C}
::selection{color:#D7E6DA;background:#69876C}

body {
	background-color: var(--vback);
}

.button {
  border-radius: 0px;
}

img {
  image-rendering: pixelated;
}

.text-container {
  text-align: center;
  background: var(--background);
  color: var(--color); 
  border-radius: 0px;
  max-width: 600px;
  margin: auto;
}

p {
  font-family: "DM Mono", monospace;  
}

h2 {
  font-family: 'Sixtyfour', monospace;
}

a {
  color: #69876C;
  font-family: "DM Mono", monospace;
  text-decoration: underline;
  text-decoration-style: double;
}

a:hover, focus {
  color: #435C43;
}

body:before {
    content: "";
    background: url('https://file.garden/ZkEY3dxjtja0xEri/pstry/tv.gif');
    background-repeat: repeat;
    width:  100vw;
    height: 200vh;
    position: absolute;
    mix-blend-mode: multiply;
    top: 0;
    left: 0;
    right: 0;
    opacity: 30%;
    z-index: 1000;
    pointer-events: none;
}

.footer-line,.edit-timestamp,.publish-timestamp,.site-footer,.footer-line{display:none}