body{font-family: 'Oxygen', sans-serif;}
body.main-body{background-color: black; color: white; margin: 0; padding: 0;}
body#mddocument{background-image: radial-gradient(ellipse at center, rgba(255,255,255,1) 35%,rgba(255,255,255,1) 35%,rgba(226,226,226,1) 100%);
background-size: cover;
background-repeat:no-repeat;
background-attachment:fixed;}
.image-hotspot {
    background-size: 100%;
    background-repeat: no-repeat;
    position:relative;
    top:0px;
    left:0px;
    display: none;
    z-index: 1;
}
.welcome-message{
  position:absolute;
  top:0px;
  left:0px;
  color: black;
  background-color: rgba(255,255,255,0.8);
  padding: 10px;
  display: none;
  z-index: 3;
  margin: 0px;
}
#image-solar {
  background-image:url(solar_wind.jpg);
  height:656px;
  width:1200px;
}
#image-earth {
  background-image:url(earth_field.jpg);
  height:3425px;
  width:1469px;
}
a.hotspot-link {
font-size: 1.3em;
color: transparent;
border: 2px solid rgba(255, 216, 0 ,0.3);
text-decoration: none;
display:block;
position:absolute;
cursor: pointer;
transition: 1s;
z-index: 2;
}
a.hotspot-link:hover {
  color: white;
  border: 2px solid white;
  background-color: rgba(0, 0, 0, 0.8);
}
a.notspot-link {
font-size: 1.3em;
color: black;
background-color: rgba(255,255,255,0.8);
text-align: center;
border: 0;
text-decoration: none;
display:block;
position:absolute;
cursor: pointer;
transition: 1s;
z-index: 2;
}