@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Bonbon&family=Jua&family=Kalam:wght@300;400;700&family=Merienda:wght@300..900&family=Twinkle+Star&display=swap');













/* fonts */
.twinkle-star-regular {
  font-family: "Twinkle Star", cursive;
  font-weight: 400;
  font-style: normal;
}
/* xxxxxxxx */



.sobre-mim-banner{
	height: auto;
	background-image: url(  "../minimalist/background/5616586.jpg");
	background-position: center;
	background-size: cover;
	padding: 20px;
	margin-top: 12px;
}
.sobre-mim-banner-card-photobook{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.sobre-mim-banner-card-photobook-img1{
	background-image: url( "../../perfil/53b00de880d23306cf2618537dca5878.jpg");
	width: 290px;
	height: 390px;
	background-position: center;
	background-size: cover;
	margin: 5px;
	
	
}

.sobre-mim-banner-card-photobook-img2{
	background-image: url( "../../perfil/fotos/3.png");
	width: 290px;
	height: 390px;
	background-position: center;
	background-size: cover;
	margin: 5px;
	
}
.sobre-mim-banner-card-photobook-img3{
	background-image: url(  "../../perfil/fotos/4.png");
	width: 290px;
	height: 390px;
	background-position: center;
	background-size: cover;
	margin: 5px;
	
}
.sobre-mim-banner-card-photobook-bg{
	border: 2px solid #e085c2;
	background-color: #faebf5;
	padding: 8px;
	margin: 5px;
	
}
.sobre-mim-banner-card-photobook-bg-icon-fx{
	height: 5px;
	background-color: transparent;
}
.sobre-mim-banner-card-photobook-bg-icon-logo{
	float: left;
}
.sobre-mim-banner-card-photobook-bg-icon-logo-img{
	width: 50px;
	height: 50px;
	border-top-right-radius: 30px;
	background-image: url(  "../../perfil/53b00de880d23306cf2618537dca5878.jpg");
	background-position: center;
	background-size: cover;
}

.sobre-mim-banner h1{
	text-align: center;
	color: white;
	font-size: 25px;
}







.sobre-mim-header-txt{
	background-color: #ecd9c6;
	height: auto;
	padding: 12px;
	text-align: center;
	
}

.sobre-mim-header-txt h1{
	font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
	font-size: 36px;
}
.sobre-mim-header-sub-txt{
	background-color:#f2e6d9;
	height: auto;
	padding: 12px;
}
.sobre-mim-header-txt-margin{
	background: #ecd9c6;
	height: 80px;
}
.sobre-mim-header-sub-txt h2{
	font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
	font-size: 35px;
	text-align: center;
}
.sobre-mim-header-b-style{
	background-color:#dfbf9f;
	height: 90px;
	padding: 8px;
}
.sobre-mim-header-b-card-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.sobre-mim-header-b-card-img-bg{
	width: 150px;
	height: 150px;
	background-image: url("../minimalist/aaa131c4d41bf399acc116266399ea1b.jpg");
	background-position: center;
	background-size: cover;
	border-radius: 90px;
	border: 5px solid #dfbf9f;
}












.sobre-mim-header-capa{
	background-color:#f2e6d9;
	height: 400px;
	padding: 15px;
}
.sobre-mim-header-capa-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.sobre-mim-header-capa-img{
	background-image: url( "../wallpaperflare.com_wallpaper (1).jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 300px;
}
.sobre-mim-header-capa-img-bg-logo{
	
}











.sobre-mim-header-biografia{
	background-color:#f2e6d9;
	height: auto;
	padding: 20px;
	
}
.sobre-mim-header-biografia-index-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	padding-top: 15px;
}
.sobre-mim-header-biografia-p-style{
	background-image: url( "../minimalist/background/9549823.jpg");
	background-position: center;
	background-size: cover;
	width: 90%;
	height: auto;
}
.sobre-mim-header-biografia-p-card{
	background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0.6418942577030813) 0%, rgba(255,255,255,0.6250875350140056) 100%);
	width: 80%;
	float: right;
	padding: 12px;
}
.sobre-mim-header-biografia-p-card-top-line{
	height: 60px;
	background-color: black;
	
}
.sobre-mim-header-biografia-p-card h2{
	text-align: center;
	color: white;
	font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
	font-size: 35px;
	
}
.sobre-mim-header-biografia-p-card-img-profile-style{
	float: left;
	width: 320px;
	height: auto;
	background-image: url(  "../8567389428a15b76244237e5dc31b3b2.jpg");
	background-position: center;
	background-size: cover;
	box-shadow: 5px 5px 25px #4d0039;
   transform:perspective(800px) rotateY(25deg);
	padding: 5px;
	
}
.sobre-mim-header-biografia-p-card-img-profile-style h1{
	text-align: center;
}
.sobre-mim-header-biografia-p-card-img-profile{
	width: 100%;
	height: 410px;
	background-image: url( "../boGirls-66-Sketch.jpg");
	background-position: center;
	background-size: cover;
	border-top-right-radius: 30px;
	box-shadow: 5px 5px 25px #4d0039;
   
}
.sobre-mim-header-biografia-p-card-img-profile-copyright-img{
	float:right;
	background-image: url( "../../logo/logodesignerCiculo.png");
	background-position: center;
	background-size: cover;
	width: 60px;
	height: 60px;
	border: 1px solid #ffb3ec;
	border-radius: 30px;
}
.sobre-mim-header-biografia-p-card-img-profile-nome-tp{
	height: auto;
	background-color: #ff99cc;
}
.sobre-mim-header-biografia-p-card-img-profile-nome-tp h1{
	font-size: 38px;
	color: black;
	font-family: "Great Vibes", cursive;
}
.sobre-mim-header-biografia-p-card-img-profile-nome h1{
	color: black;
	text-align: center;
	font-size: 50px;
	  font-family: "Great Vibes", cursive;
  font-weight: 400;
  font-style: normal;
	text-shadow: 1px 1px 1px #ffccff;
	margin-top: 15px;
}
.sobre-mim-header-biografia p{
	text-align: center;
	color: black;
	font-family: 'Belanosima', sans-serif;
	font-size: 18px
}

.bio-style-navbar{
	background-color: #e6ccb3;
	height: 60px;
	box-shadow: 5px 5px 25px #e6ccb3;
	
}
.bio-style-footer{
	background-color: #e6ccb3;
	height: auto;
	padding: 8px;
}
.bio-style-footer p{
	text-align: center;
	color: black;
	font-size: 17px;
		
}
















.sobre-mim-header-biografia-atividades-index{
	height: auto;
	background-color: white;
	padding: 20px;
	padding-bottom: 12px;
	}

.sobre-mim-header-biografia-atividades-index-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.sobre-mim-header-biografia-atividades-card{
	width: 100%;
	height: 600px;
	margin: 5px;
	background-color:#ecd9c6;
	padding: 8px;
}
.sobre-mim-header-biografia-atividades-card-fixed-img{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.sobre-mim-header-biografia-atividades-card-img-fix{
	height: 200px;
	width: 100%;
	background-image: url("../parts/breadcumb.jpg");
	background-position: center;
	background-size: cover;
}
.sobre-mim-header-biografia-atividades-card-header{
	background-color: #cc9966;
	box-shadow: 5px 5px 25px #cc9966;
	padding: 12px;
}
.sobre-mim-header-biografia-atividades-card-header h2{
	font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
	font-size: 35px;
	text-align: center;
}

.sobre-mim-header-biografia-atividades-card-bio-text{
	padding: 8px;
	background-color: white;
	border-radius: 30px;
	margin-top: 20px;
}
.sobre-mim-header-biografia-atividades-card-bio-text p{
	text-align: center;
	color: black;
	font-family: 'Belanosima', sans-serif;
	font-size: 18px
}
.sobre-mim-header-biografia-atividades-card-bio-all-item{
	background-color: #262626;
	height: 60px;
	padding: 5px;
}
.sobre-mim-header-biografia-atividades-card-bio-all-item li{
	display: inline;
	float: left;
	margin: 5px;
	text-align: center;
	color: white;
	font-family: 'Belanosima', sans-serif;
	font-size: 18px;
	background-color: #1a1a1a;
padding: 8px;
	border-radius: 35px;
}
















.sobre-mim-photos-mybook-index{
	height: auto;
	padding: 30px;
	background-image: url("../minimalist/5760257.jpg");
	background-position: center;
	background-size: cover;
	padding-bottom: 12px;
}
.sobre-mim-photos-mybook-bgline{
	height: auto;
	padding: 8px;
	background-color: white;
		
}
.sobre-mim-photos-mybook-bgline-header{
	margin-top: 20px;
}
.sobre-mim-photos-mybook-bgline h1{
	text-align: center;
	color: black;
	font-family: "Twinkle Star", cursive;
	font-size: 40px;
}
.sobre-mim-photos-mybook{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.sobre-mim-photos-mybook-banner{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.sobre-mim-photos-mybook-banner-img{
	width: 50%;
	height: 220px;
	background-image: url( "../firstsreen00.jpg");
	background-position: center;
	background-size: cover;
	padding: 8px;
	
  
	
}
.sobre-mim-photos-mybook-banner-img-border{
	border:solid 2px #ff99e6;
	width: 100%;
	height: 100%;
}
.sobre-mim-photos-mybook-card-3d-1{
	width: auto;
	height: auto;
	background-image: url(  "../a9741178149274ecb44aa54c762ec5ae.jpg");
	background-position: center;
	background-size: cover;
	padding: 12px;
	margin: 8px;
    -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;
}
.sobre-mim-photos-mybook-card-3d-section-2{
	width: auto;
	height: auto;
	background-image: url(  "../a9741178149274ecb44aa54c762ec5ae.jpg");
	background-position: center;
	background-size: cover;
	padding: 12px;
	margin: 8px;
	
}

.sobre-mim-photos-mybook-card{
	width: auto;
	height: auto;
	background-image: url(  "../a9741178149274ecb44aa54c762ec5ae.jpg");
	background-position: center;
	background-size: cover;
	padding: 12px;
	margin: 8px;
    
}
.sobre-mim-photos-mybook-card-border{
	width: 320px;
	height: 390px;
	border: solid 2px #ff4dff;
	padding: 8px;
	box-shadow: 5px 5px 25px #ff4dff;
	
}
/* xxxxxxxxxxxxxxx */


.sobre-mim-photos-mybook-card-img1{
	background-image: url( "../b6e8a4c9aae64e40b176ea3cf065efe7.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.sobre-mim-photos-mybook-card-img2{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQTU8mgbuWjXTYRx0TcY5aTnAS43pZ3tNpvbIL-qcUEvz4A?width=675&height=1200);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.sobre-mim-photos-mybook-card-img3{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQTfJBLEl9ivS5xf6FYjZgaHAWKczBSoBYnnaRHs_vGLmiE?width=675&height=1200);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.sobre-mim-photos-mybook-card-img4{
	background-image: url( "../../perfil/fotos/3.png");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.sobre-mim-photos-mybook-card-img5{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQR4RZ1K9ZmQTKMbORADDWDWAeU5vJMm75RAUMakO8OwPao?width=736&height=981);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.sobre-mim-photos-mybook-card-img6{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQTrjqJ9vQy8T4jY9l6mTlS0AVaN4ag3RC8AE7lVjle_b28?width=1024);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.sobre-mim-photos-mybook-card-img7{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQTk8XvRfDCZSasCvq0cEq1XAdvca6uUuisEnJ7eraGvW10?width=1024);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.sobre-mim-photos-mybook-card-img8{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQTfJBLEl9ivS5xf6FYjZgaHAWKczBSoBYnnaRHs_vGLmiE?width=1024);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%
}
.sobre-mim-photos-mybook-card-img9{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQSnHVFNKQJMTKkEvG7N6lUFAZDIkhdgsIc9GwOQNe4TqWI?width=1024);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%
}

.sobre-mim-photos-mybook-card-img10{
	background-image: url();
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%
}
.sobre-mim-photos-mybook-card-img11{
	background-image: url();
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%
}
.sobre-mim-photos-mybook-card-img12{
	background-image: url();
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%
}



/* xxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxx img copyright @karine4realz*/
.sobre-mim-photos-mybook-card-img1:hover{
	background-image: url("../../perfil/53b00de880d23306cf2618537dca5878.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	box-shadow: 5px 5px 25px #ff33cc;
}
.sobre-mim-photos-mybook-card-img2:hover{
	background-image: url("../../perfil/53b00de880d23306cf2618537dca5878.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	box-shadow: 5px 5px 25px #ff33cc;
}
.sobre-mim-photos-mybook-card-img3:hover{
	background-image: url("../../perfil/53b00de880d23306cf2618537dca5878.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	box-shadow: 5px 5px 25px #ff33cc;
}
.sobre-mim-photos-mybook-card-img4:hover{
	background-image: url("../../perfil/53b00de880d23306cf2618537dca5878.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	box-shadow: 5px 5px 25px #ff33cc;
}
.sobre-mim-photos-mybook-card-img5:hover{
	background-image: url("../../perfil/53b00de880d23306cf2618537dca5878.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	box-shadow: 5px 5px 25px #ff33cc;
}
.sobre-mim-photos-mybook-card-img6:hover{
	background-image: url("../../perfil/53b00de880d23306cf2618537dca5878.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	box-shadow: 5px 5px 25px #ff33cc;
}
.sobre-mim-photos-mybook-card-img7:hover{
	background-image: url("../../perfil/53b00de880d23306cf2618537dca5878.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	box-shadow: 5px 5px 25px #ff33cc;
}
.sobre-mim-photos-mybook-card-img8:hover{
	background-image: url("../../perfil/53b00de880d23306cf2618537dca5878.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	box-shadow: 5px 5px 25px #ff33cc;
}
.sobre-mim-photos-mybook-card-img9:hover{
	background-image: url("../../perfil/53b00de880d23306cf2618537dca5878.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	box-shadow: 5px 5px 25px #ff33cc;
}
/* xxxxxxxxxxxxxxx */











/* xxxxxxxxxxxxxxx */
/* xxxxxxx scroll-padding-block  xxxxxxxx */
/* xxxxxxxxxxxxxxx */

.scroll-padding-block {
  width: 95%;
  aspect-ratio: 3/1;
  padding: 40px 0;
  margin: auto;
  border: solid black 2px;
  overflow-x: hidden;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  scroll-padding-block: 20px;
 scrollbar-color: pink black;
	background-image: url("../minimalist/background/9549823.jpg");
	background-position: center;
	background-size: cover;
	
}

.scroll-padding-block-cards-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.scroll-padding-block-card {
  background-color: #ffccf2;
  width: 320px;
height: 320px;
  margin: 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;
}






/* xxxxxxxxxxxxxxx */
/* xxxxxxx scroll-padding-block  xxxxxxxx */
/* xxxxxxxxxxxxxxx */









