.buttons {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
}

.git-button, .vlg-button, .lakave-button, .pyratt-button, .notion-button {
  background-color: black;
  display: inline;
  border: none;
}

.image-button {
  border-radius: 8px;
  padding: 8px;
  height: 50px;
  background-color: white;
}

.image-button:hover {
  cursor: pointer;
}

.notion-image:hover {
  background: #cfe0be;
}

.git-image:hover {
  background: #cfe0be;
}

.vlg-image:hover {
  background: #d0d0d0;
}

.lakave-image:hover {
  background: #b8b2af;
}

.pyratt-image:hover {
  background: #cdcdcd;
}

.gif {

}

.welcome-gif {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

html {
  background-color: black;
}

body {
  background-color: #000000;
}