@charset "UTF-8";
/* CSS Document */
/*Selector {property: value;}*/
body {
	  background: url("burbur background.png") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
h1 { color: darkorange;}
h1 {text-align: center;}
h1 { font-family: "Kings", cursive;
  font-weight: 400;
  font-style: normal;}
header {background-color: black;
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-position: center;
padding: 0.5px;}


h2 {background-color: black;}
h2 { color: white;}
h2 {   font-family: "Mukta Malar", sans-serif;
  font-weight: 700;
  font-style: normal;}
span { color: red;}
.div1 {flex-wrap: wrap;
	display: flex;
	flex-direction: column;
flexalign-content: center; position:relative;}
#topic {font-family: "Mukta Malar", sans-serif;
  font-weight: 400;
  font-style: italic;
text-align: center;}
#p1 { font-family: "Mukta Malar", sans-serif;
  font-weight: 400;
  font-style: normal;}

.btn {border-radius: 300px;
transition: all 0.5s;
transition: background-image 1s ease-in-out;}

.btn:hover {
	transform:scale(1.1);
	 background-image: url('background.jpeg')	;
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-position: center;
}

.btn-xl {
	
	padding-left: 40px;
	padding-right: 40px;
	margin-left: 100px;
}

.btn-xl1 {
	
	padding-left: 33px;
	padding-right:33px;
	margin-left: 100px;
}
.btn-xl2 {
	
	padding-left: 31px;
	padding-right: 31px;
	margin-left: 140px;
}

.btn-xl3 {
	
	padding-left: 33px;
	padding-right:33px;
	margin-left: 130px;
}

.btn-xl4 {
	
	padding-left: 33px;
	padding-right: 33px;
	margin-left: 110px;
}


h3 {text-align: center; font-family: "Mukta Malar", sans-serif;
  font-weight: 700;
  font-style: normal;}

.divlist {text-align: center;}


ol {text-align: left;
	display: inline-block;
	list-style-position: inside;
border: thin;
	outline: solid;
	background: grey;}

ul {align-items: center;}

.btn-row {display: flex;
justify-content: center;
gap:10rem;}