* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

ul,
li,
p {
  list-style-type: square;
  user-select: none;
}

li {
  margin-left: 1em;
}
input:focus,
input:hover,
button:hover,
li:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}

button,
input {
  background-color: #fff;
  color: #000;
  padding-inline: 1em;
  padding-block: 0.5em;

  border: 1px solid #000;
  margin-bottom: 1em;
}
button:focus,
input:focus {
  outline: none;
}

#topContainer {
  margin-block: 2%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.row {
  display: flex;
  flex-direction: row;

  position: relative;
}

.result-container {
  display: flex;
  flex-direction: row;

  justify-content: space-between;
  min-width: 15em;
}

.search-container {
  width: 12em;
  position: fixed;
  left: 10%;
}

.search-container,
.result-container div {
  margin-inline: 1em;
}

.result-container div {
  border: 1px solid #000;
  min-width: 15em;
  min-height: 20em;
}
.result-container div ul li {
  margin-left: 1.5em;
}
.result-container div p {
  border-bottom: 1px solid #000;
}

.discord-container {
  margin-block: 1em;
  user-select: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.discord-container p {
  line-height: 1em;
  user-select: text;
}