html,body{width:100%;height:100%;margin:0;padding:0;}
#luckyimage img {
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:1;
}
#topnav {
  height:23px;
  min-width:500px;
  overflow:hidden;
  text-decoration:none;
  font-weight:100;
  position:fixed;
  top:0;
  left:0;
  z-index:7;
  background-color:rgba(255,200,250,0.4);
  width:100%;
  font-size:22px;
  border-bottom:1px solid #eee;
}
a:hover {
  color:#f0e;
}
a:visited {
  color:blue;
}

.luckyback a {
  text-decoration:none;
  font-family: Comic Sans MS,Verdana,Helvetica,sans-serif;
}
.luckyback {
  text-shadow: yellow 0.1em 1px 1px;
  text-transform:uppercase;
  font-weight:bold;
  color:yellow;
}
.luckyback a {
  color:blue;
}

#luckyimage {
  background-image: url('https://s3.amazonaws.com/luckyplop/c2c40f3006df36c5f6790f9b03f0329205e1ed33.gif');
  position:fixed;
  height:100%;
  width:100%;
  top:0;
  left:0;
  background-position:center;
}
#luckypad {
  z-index:3;
  position:fixed;
  right:30px;
  bottom:15px;
}
#bottombar {
  overflow-style:marquee-block;
  z-index:2;
  position:fixed;
  bottom:0;
  left:0;
  font-family: Comic Sans MS,Verdana,Helvetica,sans-serif;
  text-shadow: blue 0.1em 1px 1px;
  color:yellow;
  font-size:30px;
  text-align:left;
  background-color:rgba(255,0,250,0.1);
  height:30px;
  width:100%;
  font-weight:bold;
  font-style:italic;
  text-transform:uppercase;
}
#pip {
  position:absolute;
  z-index:8;
  top:80px;
  width:15%;
  left:50px;
  box-shadow: 5px 5px 4px #888;
  border:2px inset black;
}
#pip:hover {
  border:2px solid blue;
  cursor:pointer;
}

#droparea {
  display: none;
  position: fixed;
  top:0;left:0;
  width: 100%; height: 100%;
  z-index:7778;
  background-color:rgba(255,255,255,0.7);
  background-image:url(slot.gif);
  background-position:center;
}