/* https://www.fffuel.co/ used to make the bg */

body {
  background-image: url("purple noise.svg") !important;
  background-color: #101e2e !important;
  padding: 20px !important;
}
.spell_button[damage="0"] {
  border: solid 3px green;
}
li {
  list-style: none !important;
}
.good_outcome {
  background-color: #b0e0e6;
}
.bad_outcome {
  background-color: #b0e0e6;
}
.player_action,
.player_update {
  background-color: #e4e4e4;
  margin: 0px !important;
}
.skeleton_action,
.skeleton_update {
  background-color: #d1d1d1;
  margin: 0px !important;
}
.skeleton_update,
.player_update {
  text-decoration: underline double;
}
.spell_button[damage]:not([damage="0"]) {
  border: solid 3px goldenrod;
}
.text-bold {
  font-weight: bold !important;
}
.content_box {
  border: 4px solid #3a3b43;
  background-image: url("nnnoise.svg") !important;
  background-color: #1b334e !important;
  color: #fff !important;
}
/* https://www.w3schools.com/cssref/func_clamp.php */
h1 {
  font-size: clamp(1.2rem, 3vw, 3rem) !important;
}
h2 {
  font-size: clamp(1rem, 2vw, 2.5rem) !important;
}
body,
p {
  font-size: clamp(1rem, 1.5vw, 1.5rem) !important;
  line-height: 1.6;
}
.body_content_box {
  margin: 10px;
  padding: 15px;
  border: 4px solid #3a3b43;
  background-color: #f6f5f4;
  border-radius: 10px;
}
.blue_background {
  background-color: #1b334e;
}
#banner{
  min-height: 200px;
}
#skeleton {
  border-right: #101e2e solid 1px;
}