body {
background-image: url("../../back/scenic/11.jpg");
background-attachment: fixed;
background-size: cover;
}
.logo {
width: 50%;
}
.pheasant-game {
margin: 0 20px;
}
.pheasant-game .game-btn {
text-transform: uppercase;
}
.pheasant-wrap {
margin-top: 25px;
}
.pheasant-wrap .text {
max-width: 550px;
background-color: #000;
color: #ead6d6;
padding: 15px;
font-size: 18px;
}
.pheasant-wrap, .score-board {
background-image: url(camo.jpg);
background-size: cover;
padding: 20px;
border-radius: 10px;
}
#background {
width: 90%;
height: 90%;
z-index:1;
}
#Miss,
#Score,
#Banner {
background-color:#000000;
color: #00ff1b;
border: none; 
font-weight: bold; 
text-align: left;
height: 25px;
}
.Score {
width: 50px;
}
#shot0,
#shot1,
#shot2,
#shot3,
#shot4,
#shot5,
#shot6,
#shot7,
#shot8,
#shot9,
#shot10,
#shot11,
#shot12,
#shot13,
#shot14 {
position:absolute;
top: -200px;
left: 300px;
z-index: 30;
}
#ReloadDiv {
position: absolute;
top: -200px;
left: 35%;
z-index: 90;
font-size: 85px;
color: #ff3366;
font-weight: 900;
}
.wheat {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 250px;
background-image: url('wheat.png');
background-size: cover;
z-index:25;
filter: contrast(107%);
}
.enddiv {
background-image: url(camo.jpg);
background-size: cover;
position: absolute;
left: 44%;
top: -500px;
width: 450px;
margin-left: -150px;
padding: 20px;
border-radius: 5px;
z-index: 450;
}
.enddiv .inner {
background-color: #000;
color: #fff;
font-size: 18px;
padding: 15px;
border-radius: 5px;
}
.enddiv input[type="text"] { 
color: #000;
}
#Blind {
background-image: url(camo.jpg);
background-size: cover;
position: absolute;
bottom: 0px;
left: 45%;
margin-left: -187px;
width: 100%;
max-width: 500px;
padding: 20px 20px 10px 20px;
text-align: center;
border-radius: 5px 5px 0 0;
z-index: 26;
}
#Blind .inner {
background-color: #000;
color: #fff;
font-size: 18px;
padding-top: 5px;
border-radius: 5px;
}
#Blind .shelf {
height: 5px;
width: 100%;
background-color: #e4b985;
margin: 5px 0;
}
.game-btn {
background-color: #d0c188;
color: #000;
}
.call {
width: 80px;
float: right;
margin: 5px 40px 0 0;
}
#Blind .score-inputs {
text-align: left;
padding-left: 20px;
}
#Blind .score-inputs input[type="text" ] {
margin-bottom: 0;
}
#Blind .score-inputs input[type="text" ]:last-of-type {
margin-bottom: 5px;
}
.decoy1, .decoy2, .decoy3 {
position: absolute;
width: 50px;
}
.decoy1 {
bottom: 279px;
right: 33%;
}
.decoy2 {
bottom: 275px;
right: 28%;
}
.decoy3 {
bottom: 263px;
right: 29%;
}
.dog,
.call,
.decoy,
.decoy2 {
cursor: pointer;
}
.dog {
position: absolute;
bottom: 0px;
left: 12%;
width: 115px;
z-index: 28;
}
.score-board {
margin-top: 50px;
max-width: 605px;
color: #d0c188;
}
.score-board tr:nth-child(even) {
background-color: #000;
}
.score-board tr:nth-child(odd) {
background-color: #372517;
}