@import url('https://fonts.googleapis.com/css?family=Poppins');


html, 
body {
    height: 100%;
	background-image:url('../images/background.png');
	background-size:cover;
	font-family: 'Poppins', sans-serif;
	overflow-x:hidden;
}

h2.row.instructions.text-center {
    color: #717171;
    letter-spacing: 4px;
	margin-bottom:20px;
}

footer{
    display: block;
    background-color: #3e3e3e;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    color: #fff;
    padding-top: 5px;
}

.questionPopUp{
	background-color: #3e5664;
    padding: 15px;
    color: #fff;
	    border-radius: 10px;
		border: 1px dashed #fff;
}

h3{
	
    color: #fff;
	    margin-top: 0;
    padding: 5px;
}

#btnReset, #btnCheck{
	display:none;
}

.videoPopUp {
    background-color: #516ca9;
    color: #fff;
    font-size: 20px;
    padding: 10px;
	display:none;
}

div#feedbackHolder {
   
    font-size: 4em;
    color: #fff;
    text-align: center;
    display: none;
	    position: absolute;
    z-index: 200;
}

.btnPause ,.btnRepeat{
	display:none;
}

.btn-danger{
	    border-radius: 2em;
    margin-right: 5px;
	    border: 2px solid #965959;
}

.btn-primary{
	    border-radius: 2em;
}

.btn-success{
	    font-size: 2em;
    margin-top: 50px;
	border: solid 2px #4a9a4a;
	border-radius:2em;
}

.answer{
	display:none;
}
.popUpBtnHolder {
    margin-top: 25px;
    display: inline-block;
    width: 100%;
}

#page4 img{
	background-color:#fff;
	padding:10px;
	cursor:pointer;
}

table{
	    background-color: #fff;
}

.english{
	display:none;
	color: #42b2ad;
	    margin-left: 5px;
}

.welsh{
	cursor:pointer;
	color:#e06969;
}

.answerAttempt{
	    white-space: normal;
}


#page3 > .nextPop{
	display:none;
}

textarea{
	width:100%;
	    color: #000;
    padding: 5px;
}