@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Satisfy&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap");

.header{
    min-height: 100vh;
    width: 100%;
    background-image: url("./Home_Page/picture2.jpg");
    background-position: center;
    background-size: cover;
	background-repeat: no-repeat;
    position: relative;
	padding-top: 60px;
	font-weight:bold;
	color:white;
	border-radius:10px;
	text-align:center;
	padding: 1 0 1 0;
}

.header h1 {
    margin-top: 20px;
	font-size: 100px;
    font-weight: normal;
    color:black;
    font-family: Satisfy;    
}
body{
	background-image: url(./Home_Page/bg8.jpeg); 
	background-repeat: no-repeat;
	background-size: cover;
}

.body{
	
	text-align:center;
	border-style:solid;
	border: 3 3 3 3;
	border-radius: 10px;
	margin-top: 5px;
    font-family: "Barlow Condensed";
}

.question {
		
	text-align:center;
	border-style:solid;
	border: 3.5px solid green;
	border-radius: 10px;
	margin-top: 5px;
	margin-left:30%;
	margin-right:30%;
	margin-bottom:5px;
	padding-bottom:5px;
    background-color: lightgoldenrodyellow;
	font-family:  "Barlow Condensed";
	
}

.sub-button {
    margin-top: 5px;
    text-align: center;
    margin-bottom:5px;
	color: aquamarine;
  }

.timing{
	color: black;
	background-color: lightgrey;
	width: 300px;
	border-style:solid;
	border: 3.5px solid green;
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
	margin-left:40%;
	margin-right:40%;
  }
