:root {
  --clr-backLight: #fff;
  --clr-light: #fdffc4;
  --clr-dark: #141516;
  --foreground: var(--clr-dark);
  --background: var(--clr-backLight);
}

html,

body {

  margin: 0;

  padding: 0;

  transition: background-color .3s;

}

div{
  text-align: center;
}

body[data-light-mode=light] {

  --foreground: var(--clr-dark);

  --background: var(--clr-light);

  background: #fff;

  color: #000;

}

a{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 800;
  padding: 3px;
  color:black;
  font-size: larger;
  text-decoration: none;
}

body[data-light-mode=dark] {

  --foreground: var(--clr-light);

  --background: var(--clr-dark);

  background: #141516;

  color: #fdffc4;
}

body[data-light-mode=dark] a {
  color: #fdffc4;
}


canvas {

  display: block;

  margin: auto;

 // display: block;



}





.center {

  display: block;

  margin-left: auto;

  margin-right: auto;

}





.dark-mode-toggle {

  position: absolute;

  z-index: 100;

  top: 1em;

  right: 1em;

  color: var(--foreground);

  border: 2px solid currentColor;

  padding: 4px;

  background: transparent;

  cursor: pointer;

  border-radius: 5px;

  width: 30px;

  height: 30px;

}
.donate-with-crypto{
  display: inline-block;
  text-align: center;
  margin:auto auto;
}



.firstButton {

  color: var(--foreground);

  flex-direction: row;
  border:none;
  padding: 4px;

  background: transparent;

  cursor: pointer;
  display: inline-block;
}



.followingButton {

  color: var(--foreground);

  flex-direction: row;

  padding: 4px;

  margin-left:20px;

  background: transparent;

  cursor: pointer;

  border-radius: 10px;

  width: 65px;

  height: 65px;

}
html, body {
  margin: 0;
  padding: 0;
}
canvas {
  display: block;
  margin: auto auto;
}

header{
  font-weight: 900;
  text-align: center;
  font-size: xx-large;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
h4{
  text-align: center;
}