body{
	font-family: 'Montserrat';
	background: #309699	no-repeat  center fixed;	
	background-size: cover;
	-webkit-background-size:cover;

}

.container{
    	position: relative;
	height: 100%;
	width: 900px;
	margin: auto;
    	margin-top: 100px;
    	text-align: center;
	padding: 20px;
	box-shadow: 0 0 8px 3px #dbc978;
    	border-radius: 25px;
}

.title{
	padding-top: 15px;
    	padding-bottom: 15px;
    	margin: auto;
	text-align: center;
	font-size: 42px;
	text-transform: uppercase;
	color: #011472;
    	font-weight: 700;
}

.question{
    	height:50px;
	padding: 20px;
	font-size: 24px;
	background: #011472;
	border-radius: 25px;
	margin: auto;
    	margin-bottom: 10px;
	color: #f6f6f6;
	text-align: center;
    
}

.option{
	width: 400px;
	display: inline-block;
	padding: 10px 10px 10px 10px;
	vertical-align: middle;
	background: #dbc978;
	margin: 10px 10px 10px 10px;
	color: #000000;
	border-radius: 25px;
    	font-size: 18px;
    	text-align: left;
}

.option:hover{
	background: #011472;
	color: #f6f6f6;
    	cursor: pointer;
    	box-shadow: 0 0 0 2px #dbc978;
}

.next-btn{
	border: none;
	outline: none;
	background: #f78343;
	width: 250px;
	height: 35px;
	border-radius: 25px;
	cursor: pointer;
	margin: 10px;
	font-size: 20px;
    	margin-top: 20px;
}

.next-btn:hover{
	background: #011472;
	color: #f6f6f6;
    	box-shadow: 0 0 0 2px #dbc978;
}

.result{
   	position: relative;
   	margin: auto;
    	margin-top: 200px;
	height: 100px;
	text-align: center;
	font-size: 75px;
}

#input:checked{
	background: #011472;
	color: #000;
}

.novaigra{
    	position: relative;
    	margin: auto;
    	text-align: center;
	bottom: 0;
}

@media only screen and (max-width: 600px){
    body{
        background: #309699	no-repeat  center fixed;
    }
    .container{
        width: 90%;
	position: relative;    
        margin: auto;
    }
    .title{
        width: 90%;
        font-size: 32px;
    }
    .option{
        width: 90%;
	display: block;
    }
    .question{
        width: 90%;
        font-size: 20px;
    }
    .next-btn{
        width: 70%;
    }
    .result{
        width: 90%;
        font-size: 45px;
        margin-top: 50px;
        padding-top: 35px;
    }
    .novaigra{
        width: 70%;
    }
}