.background-color {
  background-color: #161d24;
}

a {
  font-size: 1rem;
  text-decoration: none;
}

h1,
a {
  padding-right: 0.9rem;
  color: white;
  font-family: Cinzel, sans-serif;
}

.hover:hover {
  color: #5f6d7a;
}

h3,
h4 {
  color: white;
  font-family: Martel, sans-serif;
}

.text-center {
  text-align: center;
}

.justify-center {
  justify-content: center;
}

.padding {
  padding: 40px;
}

.enter-btn {
  background-color: #161d24;
  border: #161d24;
  margin-top: 20px;
  color: white;
  font-family: Martel, sans-serif;
  padding: 5px;
  width: 60px;
  height: 30px;
  border-radius: 10px;
}

.enter-btn:hover {
  background-color: rgb(45, 45, 45);
}

input {
  padding: 5px;
  border: 2px solid;
}

button:hover {
  cursor: pointer;
}

.table-profile {
  color: white;
  background-color: #161d24;
  width: 100%;
  margin-top: 10px;
  font-size: 1.5rem;
  font-family: Cinzel, sans-serif;
  border: 2px solid #353f49;
  margin-bottom: 40px;
}

.table-matches,
.table-heroes {
  color: white;
  background-color: #161d24;
  width: 100%;
  margin-top: 10px;
  font-size: 0.9rem;
  font-family: Cinzel, sans-serif;
  border: 2px solid #353f49;
  margin-bottom: 40px;
}

.table-profile td {
  padding: 15px;
}

.table-profile :nth-child(even) {
  background-color: #353f49;
}

.table-matches {
  padding: 10;
}

.table-matches tr {
  height: 30px;
}

.table-matches tr:nth-child(even) {
  background-color: #353f49;
}

.table-heroes tr:nth-child(even) {
  background-color: #353f49;
}

.padding-top {
  padding-top: 20px;
}

img {
  padding: 10px;
  object-fit: contain;
}

.dota-data:hover {
  cursor: pointer;
}

tr img {
  height: 50px;
  width: 100%;
  padding: 0;
  display: block;
  object-fit: contain;
}

.title {
  font-size: 30px;
}

.demo-btn {
  background-color: #161d24;
  border: #161d24;
  color: white;
  font-family: Martel, sans-serif;
  padding: 5px;
  width: 110px;
  height: 30px;
  border-radius: 10px;
}

.demo-btn:hover {
  background-color: rgb(45, 45, 45);
}