@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2? family= Indie+Flower & display=swap');
@import url('https://fonts.googleapis.com/css2? family= Sevillana & display=swap');
@import url('https://fonts.googleapis.com/css2?family=Philosopher&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
















/* animated-text-fill */
.animated-text-fill-index{
	height: 150px;
	padding: 12px;
	background-color: black;
}
.animated-text-fill{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	padding-bottom: 15px;
    margin-top: 15px;
}
.animated-text-fill-content {
	margin-top: 30px;
}

.animated-text-fill-content h2 {
	color: #fff;
	font-size: 8em;
	position: absolute;
	transform: translate(-50%, -50%);
	text-align: center;
	
	
}
.animated-text-fill-index p{
	text-align: center;
	color: white;
}

.animated-text-fill-content h2:nth-child(1) {
	color: transparent;
	-webkit-text-stroke: 2px #8338ec;
}

.animated-text-fill-content h2:nth-child(2) {
	color: #c19bf5;
	animation: animate 4s ease-in-out infinite;
}

@keyframes animate {
	0%,
	100% {
		clip-path: polygon(
			0% 45%,
			16% 44%,
			33% 50%,
			54% 60%,
			70% 61%,
			84% 59%,
			100% 52%,
			100% 100%,
			0% 100%
		);
	}

	50% {
		clip-path: polygon(
			0% 60%,
			15% 65%,
			34% 66%,
			51% 62%,
			67% 50%,
			84% 45%,
			100% 46%,
			100% 100%,
			0% 100%
		);
	}
}

/* animated-text-fill */








.container-photo-book-section-nav{
	background: rgb(22,0,22);
background: linear-gradient(90deg, rgba(22,0,22,1) 0%, rgba(119,7,106,1) 53%, rgba(13,0,11,1) 100%);
	padding: 8px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
	height: 65px;
	text-align: center;
	
}
.container-photo-book-section-navbar{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.container-photo-book-section-navbar-box{
	width: auto;
	height: auto;
	padding: 8px;
}
.container-photo-book-section-navbar-box li{
	display: inline;
	float: left;
	margin: 8px;
}
.container-photo-book-section-nav a {
	font-family: 'La Belle Aurore', cursive;
	font-size: 30px;
	color: white;
}
.container-photo-book-section {
  
  height: 600px;
	padding-bottom: 30px;
  background-image: url("../background-bg/pexels-nadine-wuchenauer-1563650.jpg");
background-position: center;
	background-size: cover;
	padding: 15px;
  
  display:grid;
  place-items:center;
}
.container-photo-book{
	width: 400px;
  height:  290px;
	background-image: url("../background-bg/pexels-nadine-wuchenauer-1563650.jpg");
background-position: center;
	background-size: cover;
	padding: 12px;
	
}
.container-photo-book-border{
	width: 100%;
	height: 100%;
	border: 2px solid #ff66b3 ;
}
.container-photo-book-img {
  width: 275px;
  height: 275px;
  object-fit:cover;
  border: 5px solid #ff66b3;
  -webkit-box-reflect:below 2px linear-gradient(transparent, transparent, #0004);
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  transform-origin:center;
  transform:perspective(800px) rotateY(25deg);
  transition:0.5s;
}
.container-photo-book-section-flow {
  width:90%;
  height:350px;
  padding: 12px;
  background-color: transparent;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:20px;
  
}
.container-photo-book-section-flowr:hover img {
  opacity:0.3;
}
.container-photo-book-section-flow img:hover {
  transform:perspective(800px)       rotateY(0deg);
  opacity:1;
}











/* xxxxxxxxxxxxxx */

.photography-art-designer{
    height: auto;
	padding-bottom: 5px;
	background-color: #130d06;
	padding: 8px;
}
.photography-art-designer-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	

	
}
.photography-art-designer-flow-index{
	padding: 15px;
	width: 95%;
	height: auto;
	background-image: url( "../webpack/background/flowerbackgroundblack.jpg");
	background-position: center;
	background-size: cover;
	 margin-top: 30px;

}
.photography-art-designer-flow-index-box-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	padding: 8px;
}
.photography-art-designer-flow-card-camera{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.photography-art-designer-flow-card-camera-photography{
	background-image: url(  "../webpack/slider/16361180139_7b91b1d38d_o.jpg");
	background-position: center;
	background-size: cover;
	width: 390px;
	height: 300px;
	border-radius: 90px;
}
.photography-art-designer-flow-card{
	width: 100%;
	height: 300px;
	background-image: url( "../background-bg/8eb5a6129ff62ebb8ae8eca8337c6610.jpg");
	background-position: center;
	background-size: cover;
	padding: 15px;
	transform:perspective(800px) rotateY(25deg);
	-webkit-box-reflect:below 2px linear-gradient(transparent, transparent, #0004);
	margin: 8px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.photography-art-designer-flow-card-copyright{
	float:left;
	
}
.photography-art-designer-flow-card-copyright-bg-box-top-marg{
	height: 230px;
	background-color: transparent;
}
.photography-art-designer-flow-card-copyright-bg-box{
	
	padding: 15px;
	
}
.photography-art-designer-flow-card-copyright-bg{
	width: 70px;
	height: 80px;
	background-image: url( "../index-img/b6e8a4c9aae64e40b176ea3cf065efe7.jpg");
	background-size: cover;
	background-position: center;
	
box-shadow: 5px 5px 25px #ff33cc;
	transform:perspective(800px) rotateY(25deg);
}
.photography-art-designer-flow-index-txt-tp{
	height: 90px;
	background-color: transparent;
}
.photography-art-designer-flow-card-bd{
	width:100%;
	height: 320px;
	
	padding: 8px;
	background-image: url( "../background-bg/8eb5a6129ff62ebb8ae8eca8337c6610.jpg");
	background-position: center;
	background-size: cover;
  display:flex;
  justify-content:center;
  align-items:center;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.photography-art-designer-flow-card-img-bg1{
	width: 200px;
	height:290px;
	border: 5px solid #ffe6f9;
	background-image: url( "../index-img/dc2489126760391a42ce59b6b3cc479a (1).jpg");
	background-position: center;
	background-size: cover;
}
.photography-art-designer-flow-card-img-bg2{
	width: 290px;
	height:290px;
	border: 5px solid #ffe6f9;
	background-image: url( "../index-img/101049691_943219412791473_5198919349060170919_n.jpg");
	background-position: center;
	background-size: cover;
}
.photography-art-designer-flow-card-img-bg3{
	width: 290px;
	height:290px;
	border: 5px solid #ffe6f9;
	background-image: url( "../background-bg/ce6f7995d2497afe9e269d9ddb317a8b.jpg");
	background-position: center;
	background-size: cover;
}
.photography-art-designer-flow-index-txt{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px;
	margin-top: 30px;
	
}
.photography-art-designer-flow-index-txt-header{
	
}
.photography-art-designer-flow-index-txt-header a{
	font-family: 'La Belle Aurore', cursive;
	font-size: 50px;
	color: white;
	text-align: center;
	margin: 12px;
	padding: 5px;
	
}




/* xxxxxxxxxxxx */



.navbar-style-bg{
	background-color: #1a1a1a;
	height: auto;
	padding: 1px;
	
}
.navbar-style-bg-li-box{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.navbar-style-bg-li-box-card{
	background-color:#262626;
	padding: 8px;
	width: auto;
	height: auto;
	margin: 8px;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.navbar-style-bg-li-box-card-img{
	margin-right: 8px;
	float: left;
	background-color: #330033;
	width: auto;
	height: auto;
	padding: 1px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.navbar-style-bg a{
	font-family: "La Belle Aurore", cursive;
	font-size: 30px;
	float: right;
	margin-top: 20px;
	color: white;

}





/* green photography */
.flower-anima-flow-style-a{
	float: left;
	width: auto;
	padding: 8px;
	height: auto;
	background-color:transparent;
}
.flower-anima-flow-style-b{
	float: right;
	width: auto;
	padding: 8px;
	height: auto;
	background-color: transparent;
}
.flower-anima-flow-a{
	background-image: url( );
	background-position: center;
	background-size: cover;
	width: 190px;
	height: 600px;
	
}
.flower-anima-flow-b{
	background-image: url();
	background-position: center;
	background-size: cover;
	width: 190px;
	height: 600px;
}

.green-photograph-nav{
	height: auto;
	padding: 8px;
}
.green-photograph-nav-margin{
	height: 90px;
	background-color: transparent;
	
}
.green-photograph-nav-inbox{
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}
.green-photograph-nav-inbox li{
	display: inline;
	float: left;
	margin: 15px;
	padding: 2px;
	
		
}
.green-photograph-nav a{
	font-family: 'La Belle Aurore', cursive;
	font-size: 50px;
	color: white;
}





.green-photograph-section{
	background-image: url( "../vecteezy_carnival-party-venetian-mask-copy-space-on-black_20222747.jpg");
	background-position: center;
	background-size: cover;
	height: auto;
	padding: 12px;
	padding-bottom: 8px;
}

.green-photograph-section-3d-index{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	
}
.green-photograph-section-3d-index-vbox{
	padding: 8px;
	background-color: transparent;
	width: 85%;
	height: 300px;
	
	
}
.green-photograph-section-3d-index-vbox-cards{
	display: flex;
   justify-content: center;
	align-content: center;
	align-items: center;
}
.green-photograph-section-3d-index-vbox-card{
	width: 310px;
	height: 290px;
	padding: 12px;
	background-image: url( "../neon/f957d76a44cb6ee41b4aa3211a15fc8c.jpg");
	background-position: center;
	background-size: cover;
	margin: 8px;
	transform:perspective(800px) rotateY(25deg);
	
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.green-photograph-section-3d-index-vbox-card-bg-borda{
	width: 100%;
	height: 100%;
	border: 1px solid white;
	background-color:transparent;
	padding: 12px;
}
.green-photograph-section-3d-index-vbox-card-bg-img{
	float: left;
	width: 220px;
	height: 300px;
	background-color: transparent;
	padding: 8px;
	border: solid 2px #ffb3ff;
	margin-left: -60px;
}

.green-photograph-section-3d-index-vbox-card-bg-img1{
	background-image: url( "../neon/7f016fdff10bd3e5fceb48f56c7039a5.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	
}
.green-photograph-section-3d-index-vbox-card-bg-img2{
	background-image: url(  "../neon/11fbfbad38c4679bf528ce9e0383ed28.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.green-photograph-section-3d-index-vbox-card-bg-img3{
	background-image: url( "../minimalist/87192186831761fbcc1c6390afc35184.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
}


.green-photograph-section-boxs-footer{
	background-image: url( "../background-bg/banner-bg1.jpg");
	background-position: center;
	background-size: cover;
	height: auto;
	padding: 12px;
}
.green-photograph-section-boxs{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	
}
.green-photograph-section-vcard{
	width: auto;
	height: 400px;
	background-image: url( "../background-bg/pexels-divya-kanwar-8571001.jpg");
	background-position: center;
	background-size: cover;
	margin: 12px;
	padding: 12px;
}
.green-photograph-section-vcard-borda{
	width: 100%;
	height: 100%;
	border: 1px solid white;
	background-color: transparent;
	padding: 12px;
	
}
.green-photograph-section-vcard-img-bg1{
	background-image: url( "../index-img/b6e8a4c9aae64e40b176ea3cf065efe7.jpg");
	background-position: center;
	background-size: cover;
	width: 220px;
	height: 300px;
}































.photography-art-style-ground{
	height: auto;
	padding: 30px;
	background: rgb(3,0,0);
background: linear-gradient(90deg, rgba(3,0,0,1) 0%, rgba(36,34,36,1) 49%, rgba(0,0,0,1) 100%);
}

.photography-art-style-ground-header{
	background-color: #ffe6ff;
	height: auto;
}


.photography-art-style-ground-header-fx{
	height: 190px;
	background-image: url( "../background-bg/index-page.png");
	background-position: center;
	background-size: cover;
}
.photography-art-style-ground-header-fx-bt-box{
	display: flex;
	justify-content: center;
  align-content: center;
	align-items: center;
}

.photography-art-style-ground-header-fx-bt-box  h1{
	float: left;
		color: white;
		font-size: 50px;
	font-family: 'Sevillana', cursive;
	
	padding: 8px;
	}
.photography-art-style-ground-header-fx-bt-card{
	width: 85%;
	background-color: #1a1a1a;
	padding: 8px;
	height: auto;
}
.photography-art-style-ground-header-fx-bt-card li{
	float: right;
	margin: 8px;
	color: white;
	display: inline;
	background-color: #262626;
	padding: 8px;
	border-radius: 30px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
	font-family: 'Philosopher', sans-serif;
	font-size: 19px;
}

.photography-art-style-ground-header-fx-bt{
	height: auto;
	padding: 8px;
	background-color: black;
}

.photography-art-style-ground-header-logo{
	display: flex;
	justify-content: center;
  align-content: center;
	align-items: center;
	
}
.photography-art-style-ground-header-logo-card-bg{
	padding: 2px;
	background-color: white;
	
	width: 85%;
	height: auto;
}


.photography-art-style-ground-flow-index{
	display: flex;
	justify-content: center;
  align-content: center;
	align-items: center;
	
}
.photography-art-style-ground-flow-index-style{
	background-color: #130613;
	width: 95%;
	height: auto;
	padding: 8px;
}

.photography-art-style-ground-flow-cards{
	display: flex;
	justify-content: center;
  align-content: center;
	align-items: center;
}
.photography-art-style-ground-flow-card-flow{
	display: flex;
	justify-content: center;
  align-content: center;
	align-items: center;
}

.photography-art-style-ground-flow-card-bg-logo-card-style{
	background-color: #262626;
	height: 70px;
	width: 100%;
}
.photography-art-style-ground-flow-card-bg-logo-flow{
	display: flex;
	justify-content: center;
  align-content: center;
	align-items: center;
	
}

.photography-art-style-ground-flow-card-bg-logo-card{
	background-image: url( "../index-img/9172499db10b31a5659a691a141c9f24.jpg");
	background-position: center;
	background-size: cover;
	width: 110px;
	height: 110px;
	border-radius: 60px;
	margin-top: 15px;
	border:solid 5px #262626;
}
.photography-art-style-ground-flow-card-bg{
	margin-top: 70px;
	width: 320px;
	height: 400px;
	background-color: white;
	padding: 5px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
/* xxxxxxxxxxxxxx */
.photography-art-style-ground-flow-card{
	width: 100%;
	height: auto;
	padding-bottom: 8px;
	background-image: url( "../background-bg/8eb5a6129ff62ebb8ae8eca8337c6610.jpg");
	background-position: center;
	background-size: cover;
	margin:3px;
	-webkit-box-reflect:below 2px linear-gradient(transparent, transparent, #0004);
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

/* xxxxxxxxxxxxx */
.photography-art-style-ground-flow-card-bg-img-copyright{
	width: 100px;
	height: 120px;
	border-bottom-right-radius: 60px;
	background-image: url( "../index-img/b6e8a4c9aae64e40b176ea3cf065efe7.jpg");
	background-position: center;
	background-size: cover;
	float: left;
}
.photography-art-style-ground-flow-card-bg-img1{
	width:  100%;
	height: 100%;
	background-image: url( "../index-img/f2368fffea0c834cecbddd30128fbde9.jpg");
	background-position: center;
	background-size: cover;
}
.photography-art-style-ground-flow-card-bg-img2{
	width:  100%;
	height: 100%;
	background-image: url( "../background-bg/11fbfbad38c4679bf528ce9e0383ed28.jpg");
	background-position: center;
	background-size: cover;
}
.photography-art-style-ground-flow-card-bg-img3{
	width:  100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-image: url( "../background-bg/sexy-d.jpg");
}


.bgl-buttons{
	background-color: black;
	height: auto;
	padding: 15px;
	padding-bottom: 8px;
}
.bgl-buttons-flow{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.bgl-buttons-card{
	width: 290px;
	height: 60px;
	background-image: url( "../background-bg/8eb5a6129ff62ebb8ae8eca8337c6610.jpg");
	background-position: center;
	background-size: cover;
	text-align: center;
	color: white;
	margin: 12px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.bgl-buttons-card a{
	color: white;
	font-family: 'Lobster', sans-serif;
	font-size: 40px;
	
}