body {
    font-family: 'Open Sans', sans-serif;
    background: linear-gradient(to right, #d7dce6, #cfd3dd); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

*:focus {
    outline: 0 !important;
}

.panel {
    box-shadow: 0 0 5px 2px rgb(164, 166, 169);
    border-radius: 0;
    margin: 0 auto;
    margin-top: 75px;
    border: 0;
    overflow: hidden;
    width: 600px;
    position: relative;
    height: 760px;
}

h1 {
    text-align: center;
    padding: 40px;
    color: #fff;
}

.slide {
    position: absolute;
    width: 600px;
    transition: all 0.2s ease-in-out;
    left: 600px;
}

.slide:first-child {
    left: 0;
}


.panel-header {
    background: #f9fafc;
    height: 300px;
    background-size: cover;
}

.panel-body {
    padding: 35px 80px 20px 80px;
}

.question {
    font-size: 2em;
    color: #4a4d62;
    letter-spacing: -0.6px;
    font-weight: 600;
    padding-bottom: 35px;
}

p#finalDescription {
    margin-top: 40px;
    font-size: 1.2em;
    margin-bottom: 40px;
}

a {
    color: #ff3366;
    font-weight: bold;
}

button, label {
    background: none;
    border: 0;
    display: block;
    padding: 20px 0;
    color: #a2a3ab;
    font-size: 1.2em;
    border-bottom: 1px solid rgba(162, 163, 171, 0.25);
    width: 100%;
    text-align: left;
    transition: all 0.2s ease-in-out;
    position: relative;
    font-weight: 600;
    margin:0;
}

button:after, label:after {
    color: #ff3366;
    position: absolute;
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    opacity: 0;
    right: 0;
    transition: opacity 0.2s ease-in-out;
}

button:hover:after, label:hover:after {
    opacity: 1;
}


button:hover, label:hover {
    color: #ff3366;
}

button:last-child {
    border: 0;
}


/* custom */ 

#question0 .panel-header{
    background-image: url(http://debatepost.com/wp-content/uploads/2016/07/anonymous-1200.png);
}

#question1 .panel-header{
    background-image:url(https://media.wired.com/photos/5926ebd87034dc5f91bed0f7/master/pass/COD-IW_E3_Ship-Assault-Space-Combat_WM.jpg);
}

#question2 .panel-header{
    background-image: url(https://i.ytimg.com/vi/pJVrwxuJfDk/maxresdefault.jpg);
}

#question3 .panel-header{
    background-image:url("http://cdn1.expertreviews.co.uk/sites/expertreviews/files/2016/08/best_xbox_one_games_witcher_3.jpg?itok=AXDVSS8J");

}

#question4 .panel-header{
    background-image:url("https://parade.com/wp-content/uploads/2014/04/facts-about-farmville-ftr.jpg");

}

#question5 .panel-header{
    background-image:url("http://s3.amazonaws.com/digitaltrends-uploads-prod/2015/05/leeroy-jenkins.jpg");
}


#question6 .panel-header.one {
        background-image:url(https://previews.123rf.com/images/yobro10/yobro101207/yobro10120700034/14346023-Vintage-Old-Farmer-in-the-Corn-Fields-Stock-Photo-farmer-farm-field.jpg);

}

#question6 .panel-header.two {
        background-image:url(http://www.funny-games.biz/images/pictures/1489-stupid-noob.jpg);
}

#question6 .panel-header.three {
        background-image:url(http://cdn.c.photoshelter.com/img-get/I0000hdKndDaP2uc/s/600/600/100829-mlg-067.jpg);
}
#question6 .panel-header.four {
        background-image:url(http://unrealitymag.com/wp-content/uploads/2013/08/hardcore2.jpg);
}

input[type="image"] {
    width: 50%;
    height: 140px;
    float: left;
    transition: opacity 0.2s ease-in-out;
}

input[type="image"]:hover {
    opacity: 0.8;
}

input[type="radio"], input[type="checkbox"], input[type="button"] {
    position: absolute;
    left: 45px;
    margin-top: -38px;
}

input#name {
    width: 100%;
    padding: 10px 0;
    border: 0;
    border-bottom: 1px solid #c9c9c9;
    font-size: 1.5em;
}

#nameButton {
    position: relative;
    margin-top: 35px;
    width: 100%;
    left: 0;
    background: #3c67ba;
    border: 0;
    color: #fff;
    padding: 10px 0;
    border-radius: 20px;
    text-align: center;
}

#nameButton:after {
    display: none;
}