/* https://material.io/design/color/dark-theme.html */

/* Set the background image */
html {
  background: url('../images/bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Set the default font */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: "Roboto", sans-serif;
}

/* Adjust the look of the card */
.w3-card {
  color: rgba(255, 255, 255, 0.87);
  max-width: 500px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 3%;
}

/* Adjust the look of the profile picture */
#profile_pic {
  width: 50%;
}

/* Adjust the look of the name */
#name {
  font-weight: bold;
}

/* Adjust the look of the title */
#title {
  font-weight: bold;
}

/* Adjust the look of the bio */
#bio {
  text-align: justify;
}

/* Make the social links gray on hover */
.social_links:hover {
  color: #707070;
}

/* Adjust the look of the LTC button */
.ltc-button {
  max-width: 40px;
}

/* Make the LTC button gray on hover */
.ltc-button:hover {
  filter: grayscale(200%);
}

/* Adjust the look of the modal */
.w3-modal-content {
  max-width: 600px;
  border-radius: 3%;
  color: rgba(255, 255, 255, 0.87);
  background-color: #121212;
}

/* Adjust the look of the modal close button */
.modal-close-button {
  border-radius: 35%;
}

/* Adjust the look of the modal paragraph */
.modal-paragraph {
  margin-top: 50px;
  text-align: justify;
}

/* Adjust the look of the LTC address QR code */
.ltc-address-img {
  max-width: 200px;
}

/* Adjust the look of the LTC address text */
.ltc-address-txt {
  margin-top: 5px;
  margin-bottom: 15px;
}

/* Adjust the look of the LTC statistics table */
#ltc-stats-table {
  color: rgba(255, 255, 255, 0.87);
  background-color: #121212;
  border: 1px solid rgba(255, 255, 255, 0.87);
  margin-bottom: 16px;
}

/* Adjust the look of the LTC statistics table rows */
#ltc-stats-table tr {
  border: 1px solid rgba(255, 255, 255, 0.87);
}

/* Adjust the look of the LTC statistics table odd rows */
#ltc-stats-table tr:nth-child(odd) {
  background-color: #121212
}

/* Adjust the look of the LTC statistics table even rows */
#ltc-stats-table tr:nth-child(even) {
  background-color: #181818
}