/* CALCULATORS bar !!!!! */
.hdr6 {
  padding-right: 22px !important;
}

.titli_pw {
  margin: 8px 0 16px;
}

.titli_pw h1 {
  font-weight: 600;
  font-size: clamp(1.75rem, 2.5vw, 2.25rem);
  text-shadow: 1px 1px 1px white;
  filter: drop-shadow(4px 4px 10px #057);
  padding: 0 4px;
}

.titli_pw img {
  filter: drop-shadow(1px 1px 1px black);
}


.ttle {
  display: flex;
  flex-wrap: wrap;
}

.ttle .l2 {
  display: flex;
  place-items: center;
  justify-content: center;
}

.ttle .l10 {
  display: flex;
  place-items: center;
  justify-content: center;
}

.ttle h3 {
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 600;
  text-shadow: #057 0 0 16px;
}

.image-iframe {
  max-width: 80px;
  height: auto;
  filter: drop-shadow(1px 1px 1px #666);
}

/* ------ */
body {
  margin: 0;
  padding: 0;
  background-color: #f1f1f1 !important;
}

/* --- */

.alcohol {
  display: grid;
  grid-template-columns: 3fr 1.5fr;
  gap: 8px;
  grid-template-rows: repeat(3, 1fr);
}

.div1,
.div3,
.div5 {
  display: flex;
  place-items: center;
}

.div2,
.div4,
.div6 {
  display: flex;
  justify-content: right;
  place-items: center;
}

#initialStrength,
#finalVolume,
#finalStrength,
#initialStrength2,
#spiritVolume,
#targetStrength {
  width: 80px;
  text-align: center;
}

.tooltip {
  font-size: 12px;
  color: red;
}

main .button {
  background-color: #067 !important;
  color: #ddd;
  float: right;
  border: #012 solid 1px;
}

hr {

  border: 0 !important;
  border-top: 1px solid #066 !important;
  margin: 16px 0 !important;
  width: 80%;
}

main h3 {
  font-size: clamp(1.5rem, 2vw, 2.25rem);
  font-weight: 600;
}

.formula {
  padding: 8px 16px;
}