.calc{
  background:none;
}
/*#82978e*/

.calc label{
  color: black;
  font-size: 1.3rem;
}
body{
  background:#c3bec2;
}

img.imgCalcBg{
  position:fixed;
  z-index:-1;
  width:100%;
  object-fit: cover;
  margin: -20% 0 0 0;
  height:150%;
}

.calcHeaderText {
  padding: 7% 15%;
  text-align: center;
  color: white;
  backdrop-filter: blur(2px);
  background: radial-gradient(rgb(30 37 63 / 69%), transparent 70%);
}

section.calcSection {
  background: #ffffff;
  border-radius: 3px;
  text-align: left;
  padding: 5%;
  padding-top:2.5%;
  display: grid;

}

.calcHeader h1{
  font-size:80px;
}

#results{
  padding-top:0;
  border:none;
  margin-bottom: 7%;
  
}
.dataSection{
  background-color: #d8d7d7f7;
  padding: 1.5%;
  border-radius: 7px;
}

.allData{
  padding:5%;
  padding-top:0%;
}

.allData h2{
  border-style: solid;
  border-width: 5px;
}

.dataListTitle{
  font-weight:900;
}

#revSec{
  margin-top:70px;
  background-color:#d8d7d7;
}

#revBox:hover{
  background-color: #7b7777;
  color:white;
  transition:.3s ease;
}

#revBox2:hover{
  background-color: #7b7777;
  color:white;
  transition:.3s ease;
}

input.checkbox{
  color:black;
}

.resultsCalc{
  background-color:#f1ededf7; 
  text-align:center;
  padding:1.5% 0;
}

.checkmark{
  color:black;
}

input.checkbox {
  color: black;
  width: 27px;
  height: 23px;
  position: absolute;

  margin: 5px 20px 0;
  border: solid white;
}

.yesCheckText {
    position: absolute;
    margin: 4px 54px;
}