h1{
	padding:10px;
	background-color: peachpuff;
	color:navy;
	box-shadow: 2px 2px 3px 4px grey;
	border-radius: 10px;
text-align:center;
}
input[type="text"]{
	background-color: peachpuff;
	border-radius: 8px;
	padding:5px;
	font-size: large;
	font-weight: bold;
	width:50px;
	height:25px;
}
#fo{
	width:70%;
	display:flex;
	flex-flow:row wrap;
	justify-content: space-between;
	align-items: center;
	
}
#inputok{
		display:flex;
		flex-flow:row;
		align-items:center;
		}
button{
	height:35px;
	width:100px;
	border-radius: 5px;
	background-color: seagreen;
	color:white;
	cursor:pointer;

}
button:hover{
box-shadow: 2px 2px 5px 4px grey;
transition:0.4s;
}

p{
	
	font-size: x-large;
	font-weight: bold;
}
#jovalasz{
	background-color: green;
	color:white;
}
#rosszvalasz{
	background-color: red;
	color: white;
}

#kep{
	height: 125px;
}
#szazalek{
background-color: rgba(195,195,195,0.5);
border:1px solid grey;
border-radius:5px;
padding: 2px;
}
@media only screen and (max-width:600px){
	#fo{
		width:100%;
		display: flex;
		flex-flow: column;
		transition: 0.5s;
	}
#kep{
	height: 70px;
margin:25px
}
	#inputok{
		display:flex;
		flex-flow:row;
		}
	button{
		margin:20px;
	}
#out{
display:flex;
flex-flow:row;
align-items:center;
justify-content:space-between;
}
}