@charset "UTF-8";
/* CSS Document */



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 { display:flex; 
	justify-content: center;
		color:darkorange;}
h1 {text-align: center;}
h1 { font-family: "Kings", cursive;
  font-weight: 400;
  font-style: normal;}
header {background: black;
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-position: center;
padding: 0.5px;}


h2 {background-color: silver;}
h2 { color: white;}
h2 {   font-family: "Mukta Malar", sans-serif;
  font-weight: 700px;
  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;
}

.divcontainer {display: flex;
	flex-wrap: wrap;
	gap: 20px;
	height: 100vh;
 }

img {width:400px; 
	height:200px; 
	
	
}

.divcard:hover {transform: scale(0.9)}
.divcard {
	flex-wrap: wrap;
	display: flex;
	flex-direction: column;
justify-content: center; position:relative;
flex:1 1 clamp(180px,25%,260px); 
transition: all 1s;}

.card img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.saboten{
  position:absolute;
  top:0; left:0;
  margin: 0;/* kill default h2 margins */
  padding:0;
  background:rgba(0,0,0,.6); /* or any style you like */
  color:#fff;
  font-size:1.00rem;
  line-height:1.2;
  pointer-events:none; 
	font-family: "Mukta Malar", sans-serif;
  font-weight: 700px;
  font-style: normal;/* keeps clicks reaching the link/image if needed */
}

.btn-row {display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}