#graphic {
 background-image: var(--graphic); 
 background-size: 100%;
  margin: 0px;
  width: 250px;
  height: 225px;
  display: flex;             
  margin: auto;
}


main {
 width: 450px;
 margin: auto;
}

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

.text-container {
 background: var(--cont);
 border: 4px double var(--color);
 border-radius: 0px;
}

:root[data-theme="light"] {
    --color: black;
    --background: url(https://files.catbox.moe/r58sbh.png);
  --cont: white;
  --graphic: url(https://i.postimg.cc/W4fsBB3K/ezgif-2dddf36ec6d4e5.png);
}

:root[data-theme="dark"] {
    --color: white;
    --background: url(https://files.catbox.moe/yungxw.png);
  --cont: black;
  --graphic: url(https://i.postimg.cc/KY8Vy43h/ezgif-2e3ea72287f7b5.png);
}


p, b, i {
 text-align: center; 
 color: var(--color);
 font-family: blank;
}

*, a {
 color: var(--color);
 font-family: blank;
}

@font-face {
 src: url(https://files.catbox.moe/mpk6m8.otf);
  font-family: blank;
}

.paste-info, .site-footer {
 display: none;
}

.button, .button:hover {
 background: transparent;
 color: var(--color);
}

     .button.edit::before {
  content: "✦⠀ edit?";
  font-size: 16px;
}

.button.edit {
  font-size: 0;
}