.header, .footer {
  background-color: none;
  background-image: linear-gradient(to right, rgb(255, 125, 0),rgb(0, 225, 255));
}

.content {
  background-color: none;
  background-image: linear-gradient(to right, rgb(255, 255, 150),rgb(150, 255, 255));
}

.content .summary-box {
  box-shadow:  0.3vw 0.4vh 0.6vh 0px rgba(0,0,0,0.4);
  background-color: none;
  background-image: linear-gradient(to right, rgb(255, 225, 100),rgb(100, 255, 255));
}

.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: inherit;
}

.content table{
  box-shadow:  0.3vw 0.4vh 0.6vh 0px rgba(0,0,0,0.4);
  background-color: none;
  background-image: linear-gradient(to right, rgb(255, 225, 100),rgb(100, 255, 255));
}

.Groups .dropbtn:hover, .History .dropbtn:hover, .Home .dropbtn:hover, .Glossary .dropbtn:hover{
  background-color: rgb(25, 175, 175);

}

.Disclaimer .dropbtn:hover{
  background-color: rgb(175, 125, 25);

}





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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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