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

@font-face {
  font-family: 'Monster Friend'; 
  src: url('https://file.garden/ZkEY3dxjtja0xEri/pstry/MonsterFriendFore.otf')
}

::-moz-selection{color:white;background:#D82E0B}
::selection{color:white;background:#D82E0B}

:root[data-theme="light"] {
    --color: black;
    --background: white;
		--vback: gray;
}

:root[data-theme="dark"] {
    --color: white;
    --background: black;
		--vback: gray;
}

.footer-line, .edit-timestamp, .publish-timestamp, .site-footer, .footer-line, #notificationsDropdown, .site-header p { 
  	display: none; 
}

a {
  color: #FF9A34;
}

#pxbc {
  image-rendering: pixelated;
}

#px {
  image-rendering: pixelated;
  margin-bottom:-5px;
}

strong {
  color: #D82E0B
}

body {
	background-color: var(--vback);
  font-family: "Determination", monospace;  
}

.button {
  border-radius: 0px;
}

h1 { 
  font-size: 1em;
  font-family: "Monster Friend", monospace;  
  line-height: 2em;
  
}

.text-container {
  text-align: center;
  background: var(--background);
  color: var(--color); 
  border-radius: 0px;
  padding: 5%;
 	box-shadow:
    inset 0 0 0 10px var(--background),
    inset 0 0 0 15px var(--color);
}
 
#chara:hover {
  filter: grayscale(100%);
  transition: 0.25s;
}