@charset "UTF-8";
/* CSS Document */
body {
	  background-color: black; no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	background-size: cover;}

	h1 { color: darkorange; text-align: center;}
h1 {font-family: "Kings", cursive;
  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;
}
.gallery {display: flex;
flex-wrap: wrap;
justify-content: center;}

.card {width: 500px; height: 500px}