.header, .footer {
  background-color: #ff4d00;
}

.content {
  background-color: rgba(255, 200, 150, 0.5);
}

.content .summary-box {
  box-shadow:  0.3vw 0.4vh 0.6vh 0px rgba(0,0,0,0.4);
  background-color: rgba(255, 150, 100, 0.5);
}

.left .element-summary-box,.right .element-summary-box, .element-summary-box-radioactive{
  box-shadow:  0.3vw 0.4vh 0.6vh 0px rgba(0,0,0,0.4);
  background-color: rgba(255, 150, 100, 0.5);
}

.content table{
  box-shadow:  0.3vw 0.4vh 0.6vh 0px rgba(0,0,0,0.4);
  background-color: rgba(255, 150, 100, 0.5);
}

.Groups .dropbtn:hover, .History .dropbtn:hover, .Home .dropbtn:hover, .footer .dropbtn:hover{
  background-color: rgba(225,25,0, 1);

}

.dropdown-content-Groups, .dropdown-content-History{
  background-color: rgba(225,25,0, 1);
}

a:hover{
  color: rgb(50, 140, 255);
}

#beryllium .right .element-picture-box{
    background-image: url("Beryllium/element.png");
}

#magnesium .left .element-picture-box{
    background-image: url("Magnesium/element.png");
}

#calcium .right .element-picture-box{
    background-image: url("Calcium/element.png");
}

#strontium .left .element-picture-box{
    background-image: url("Strontium/element.png");
}

#barium .right .element-picture-box{
    background-image: url("Barium/element.png");
}