html,
body {
  background-color: black;
  color: white;
}

button {
  border-radius: 8px;
  width: 15%;
  font-weight: bold;
}

button:hover {
  opacity: 0.75;
}

#encrypted {
  line-break: anywhere;
  white-space: normal;
}

.center-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* height: 100vh; */
}

.filter {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

#result {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#decrypted-wrapper {
  display: flex;
  justify-content: space-evenly;
}

#result-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* max-height: 90vh; */
}

#monocle-result-wrapper,
#ipapi-result-wrapper {
  width: 48%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#spur-logo,
#seon-logo {
  width: 35%;
}

#others-wrapper {
  margin-top: 3.5%;
}

#others-header {
  text-align: center;
}

#monocle-result,
#ipapi-result,
#others-result {
  white-space: pre-wrap;
}

@media screen and (max-width: 768px) {
  #result-wrapper {
    max-width: 97vw;
  }
  #flame-img {
    width: 74%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  #result-wrapper {
    max-width: 83.5vw;
  }
  #flame-img {
    width: 82%;
  }
}

@media screen and (min-width: 1201px) {
  #result-wrapper {
    max-width: 70vw;
  }
  #flame-img {
    width: 90%;
  }
}