@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jua&family=Kalam:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jua&family=Kalam:wght@300;400;700&family=Merienda:wght@300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bonbon&family=Jua&family=Kalam:wght@300;400;700&family=Merienda:wght@300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bonbon&family=Delius+Swash+Caps&family=Jua&family=Kalam:wght@300;400;700&family=Merienda:wght@300..900&family=Twinkle+Star&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Agbalumo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mystery+Quest&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Delius+Swash+Caps&family=Mystery+Quest&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Boogaloo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Borel&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sniglet:wght@400;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playwrite+RO:wght@100..400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Handlee&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sriracha&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');












/* CSS Document fonts*/
/* CSS Document fonts para descrição */
.barlow-condensed-regular {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}
/* CSS Document fonts para descrição */
.sriracha-regular {
  font-family: "Sriracha", cursive;
  font-weight: 400;
  font-style: normal;
}

.handlee-regular {
  font-family: "Handlee", cursive;
  font-weight: 400;
  font-style: normal;
}

.font-mark-tag{
	font-family: "Staatliches", sans-serif;
}
.font-mark-sds{
	font-family: "Playwrite RO", cursive;
	
	
}
.sniglet-extrabold {
  font-family: "Sniglet", serif;
  font-weight: 800;
  font-style: normal;
}
.borel-regular {
  font-family: "Borel", serif;
  font-weight: 400;
  font-style: normal;
}
.mystery-quest-regular {
  font-family: "Mystery Quest", system-ui;
  font-weight: 400;
  font-style: normal;
}
.delius-swash-caps-regular {
  font-family: "Delius Swash Caps", cursive;
  font-weight: 400;
  font-style: normal;
}
.ubuntu-light {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.jua-regular {
  font-family: "Jua", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.delius-swash-caps-regular {
  font-family: "Delius Swash Caps", serif;
  font-weight: 400;
  font-style: normal;
}



.kalam-light {
  font-family: "Kalam", cursive;
  font-weight: 300;
  font-style: normal;
}

.kalam-regular {
  font-family: "Kalam", cursive;
  font-weight: 400;
  font-style: normal;
}

.kalam-bold {
  font-family: "Kalam", cursive;
  font-weight: 700;
  font-style: normal;
}
.meriendafont {
  font-family: "Merienda", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.bonbon-regular {
  font-family: "Bonbon", cursive;
  font-weight: 400;
  font-style: normal;
}
/* CSS Document fonts */



/* xxxxxxxxxxxxx */



/* xxxxxx header moon xxxxxx */

.section-header-moon-index{
	background-color: #f2e6d9;
	height: auto;
	}
.section-header-moon-index-headline{
	background-color:#f2e6d9;
	height: 65px;
	}

.section-header-moon-index-headline-style{
	background-color:black;
	height: 10px;
	
	
}
.section-header-moon-index-header{
	height: auto;
	padding: 5px;
	background-color:#f2e6d9;
}
.section-header-moon-index h1{
	text-align: center;
	color: black;
	font-family: "Bonbon", cursive;
  font-weight: 400;
  font-style: normal;
	font-size: 50px;
}
.box-header-moon-ico{
	height: 65px;
	background-color: black;
	padding: 5px;
}
.box-header-moon-ico-pst{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.box-header-moon-ico-img{
	border-radius: 60px;
	width: 90px;
	height: 90px;
	background-image: url("../d46bb6692124be089855240b242132fe.png");
	background-position: center;
	background-size: cover;
	border: 3px solid black;
}
/* xxxxxxxxxxxxx */
/* xxxxxxxxxxxxx */


/* banners */
.banner-psd-top-fix-top{
	height: 90px;
	background-color: white;
}
.banner-psd-top-fix-bottom{
	height: 90px;
	background-color: white;
}
.banner-psd-descrption {
	float: right;
	background-color: transparent;
	padding: 8px;
	width: 38%;
	height: 390px;
	
}
.banner-psd-header{
	background-color: black;
	padding: 3px;
	 border-radius: 15px 50px
}
.banner-psd-header h4 {
	text-align: center;
	color: white;
	font-size: 35px;
	 font-family: "Sriracha", cursive;
  font-weight: 400;
  font-style: normal;
	
}
.banner-psd-descrption p {
	text-align: center;
	color: black;
	font-size: 22px;
	font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
	margin-top: 10px;
}


/* banners psd com img */
/* banners */


/* banner praia */ 
/* xxxx */ 
.banner-praia-section{
			background-image: url( "../parts/banner-praia-section.png");
			background-position: center;
			background-size: cover;
			height: 390px;
		}

.banner-praia-section-blog-index{
	height: auto;
	padding: 8px;
	background-color:black;
}
.banner-praia-section-blog-boxs-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.banner-praia-section-blog-card{
	width: 95%;
	height: 400px;
	background-color: #ecd9c6;
	margin: 5px;
}
/* xxxx */
/* banner praia */ 



/* banner dança */
/* xxxx */ 
.banner-dance-section{
			background-image: url(  "../parts/banner-section-dance.jpg");
			background-position: center;
			background-size: cover;
			height: 390px;
		}
.banner-dance-section-blog-index{
	height: auto;
	padding: 8px;
	background-color:black;
}
.banner-dance-section-blog-boxs-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.banner-dance-section-blog-card{
	width: 95%;
	height: 400px;
	background-color: #ecd9c6;
	margin: 5px;
}
/* xxxx */ 
/* banner dança */
 

/* banner pintura e arte */
.banner-banner-pintura-e-arte-section{
			background-image: url( "../parts/banner-section-pintura-e-arte.jpg");
			background-position: center;
			background-size: cover;
			height: 390px;
		}
.banner-pintura-e-arte-section-blog-index{
	height: auto;
	padding: 8px;
	background-color:black;
}
.banner-banner-pintura-e-arte-section-blog-boxs-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.banner-banner-pintura-e-arte-section-blog-card{
	width: 95%;
	height: 400px;
	background-color: #ecd9c6;
	margin: 5px;
}
/* banner pintura e arte */



/* banner jogando games */
.banner-jogando-games-section{
			background-image: url(  "../parts/banner-section-jogando.jpg");
			background-position: center;
			background-size: cover;
			height: 390px;
		}
.banner-jogando-games-section-blog-index{
	height: auto;
	padding: 8px;
	background-color:black;
}
.banner-jogando-games-section-blog-boxs-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.banner-jogando-games-section-blog-card{
	width: 95%;
	height: 400px;
	background-color: #ecd9c6;
	margin: 5px;
}
/* banner jogando games */


/* banner cozinha */
.banner-cozinha-section{
			background-image: url( "../parts/banner-section cozinha.jpg");
			background-position: center;
			background-size: cover;
			height: 390px;
		}
.banner-cozinha-section-blog-index{
	height: auto;
	padding: 8px;
	background-color:black;
}
.banner-cozinha-section-blog-boxs-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.banner-cozinha-section-blog-card{
	width: 95%;
	height: 400px;
	background-color: #ecd9c6;
	margin: 5px;
}
/* banner cozinha */

/* banners psd com img */







/* tgd-waterwave-animation */


/* tgd-waterwave-animation */



/* icones style */
/* icones com img  */
.story-page-card-inbox-logo{
	height: 45px;
	background-color: #ecd9c6;
	}
.story-page-card-inbox-logo-margin{
	height: 45px;
	background-color: white;
}
.story-page-card-inbox-logo-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.story-page-card-inbox-logo-img-ico{
	width: 65px;
	background-color: white;
	border-radius: 60px;
	padding: 5px;
	margin-top: 12px;
}
/* icones com img */
.fa-paperclip{
	color: #ffccf2;
			border-radius: 8px;
			font-size: 19px;
			background-color: #e600ac;
			padding: 5px;
			text-shadow: 2px 2px 4px #000000;
}

.fa-camera{
		color: #ffccf2;
			border-radius: 8px;
			font-size: 19px;
			background-color: #e600ac;
			padding: 5px;
			text-shadow: 2px 2px 4px #000000;
		}
		.fa-id-card{
			color: #ffccf2;
			border-radius: 8px;
			font-size: 19px;
			background-color: #e600ac;
			padding: 5px;
			text-shadow: 2px 2px 4px #000000;
		}
		.fa-ellipsis-v{
			color: #d2a679;
			font-size: 19px;
		}
		.fa-briefcase{
			color: #ffccf2;
			border-radius: 8px;
			font-size: 19px;
			background-color: #e600ac;
			padding: 5px;
			text-shadow: 2px 2px 4px #000000;
		}
		
/* icones style */



.klua-perfil-menu-links{
	height: 190px;
	width: 65px;
	padding: 8px;
	background-color: transparent;
}
.klua-perfil-menu-links li{
	list-style: none;
	list-style-type: none;
	margin: 8px;
}

/***** profile navbar contador */
.profile-nav-count{
	height: auto;
	background-color:#1a1a1a;
	padding: 5px;
}
.profile-nav-count-box{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.profile-nav-count-card{
	width: 100%;
	background-color:#1a1a1a;
	padding: 5px;
	border: 1px solid #66ffff;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	margin: 5px;
	
		
	
}
.profile-nav-count-card li{
	color: white;
  	background-color: #333333;
	font-family: "Sniglet", serif;
	font-size: 20px;
	text-align: center;
	padding: 5px;
	list-style: none;
	list-style-type: none;
	
	
	
	
}
.fa-users{
	color:white;
	background-color: #1a1a1a;
	border-radius: 30px;
	padding: 8px;
	border: 1px solid #f2e6d9;
	border-top-color: transparent;
	border-bottom-color: transparent;
	
	
}
.fa-eye{
	color:white;
	background-color: #1a1a1a;
	border-radius: 30px;
	padding: 8px;
	border: 1px solid #f2e6d9;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.fa-trophy{
	color:white;
	background-color: #1a1a1a;
	border-radius: 30px;
	padding: 8px;
	border: 1px solid #f2e6d9;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.fa-link{
	color:white;
	background-color: #1a1a1a;
	border-radius: 30px;
	padding: 8px;
	border: 1px solid #f2e6d9;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.fa-rss{
	color:white;
	background-color: #1a1a1a;
	border-radius: 30px;
	padding: 8px;
	border: 1px solid #f2e6d9;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.fa-shopping-bag{
	color:white;
	background-color: #1a1a1a;
	border-radius: 30px;
	padding: 8px;
	border: 1px solid #f2e6d9;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
/***** profile navbar contador */


/* tag fixadas */
.tag-mark{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	
}
.tag-mark-card{
	width: 45%;
	height: auto;
	padding: 8px;
	background-color: transparent;
}

/* tag fixadas */





.blog-klua-header-moon{
	height: auto;
	background-color: black;
	
}
.blog-klua-header-moon-txt{
	height: auto;
	background-color: #f9f2ec;
	padding: 8px;
	
}
.blog-klua-header-moon-txt-tag p{
	text-align: center;
	color: black;
		font-family: "Bonbon", cursive;
	font-size: 40px;
}
.blog-klua-header-moon-txt h1{
	text-align: center;
	color: black;
	font-family: "Bonbon", cursive;
	font-size: 50px;
	

}
.blog-klua-header-moon-s1{
	background-color: #f2e6d9;
	height: 40px;
	
}


.blog-klua-header-moon-logo-box{
	width: 30%;
	background-color: white;
	border-bottom-right-radius: 60px;
	border-top-right-radius: 60px;
	height: 80px;
}
.blog-klua-header-moon-logo-card-img{
	background-image: url( "../e38712b08d6a6350d0c489dab8ce9548.webp");
	background-position: center;
	background-size: cover;
	width: 80px;
	height: 80px;
	float: right;
	border-radius: 60px;
}

.blog-klua-index{
	height: auto;
	background-color: #f9ecf2;
}
.blog-klua-index-bg{
	background-image: url( "../parts/profile-sub-capa.png");
	background-position: center;
	background-size: cover;
	height: auto;
	padding: 1px;
	
}
.blog-klua-index-img-capa-off-v{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.blog-klua-index-img-capa-off-border{
	height: auto;
	width: auto;
}
.blog-klua-index-img-capa-off{
	background-image: url( https://1drv.ms/i/c/eac5e785131f20a5/IQRJ6IijECjESYy5STntAWPTAQ9aZOmcpeGJi7q7nok5mHs?width=1920&height=1080);
	background-position: center;
	background-size: cover;
	width: 55%;
	height: 420px;
	
}
.blog-klua-index-img-capa-off-margin-xz{
	height: 200px;
}
.blog-klua-index-img-capa-off-margin-xz2{
	height: 65px;
}
.autora-img-animada{
	margin-top: 60px;
	float: left;
	margin-left: 120px;
	
}
.blog-klua-profile-nome-autora-flow{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.blog-klua-profile-nome-autora-flow-box{
	width: 100%;
	height: auto;
	background: #ffffff;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(5, 1, 4, 1) 0%, rgba(7, 2, 6, 1) 0%, rgba(8, 3, 7, 1) 0%, rgba(9, 4, 8, 1) 0%, rgba(11, 5, 9, 1) 0%, rgba(12, 5, 10, 1) 0%, rgba(191, 74, 160, 1) 0%, rgba(232, 90, 194, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(230, 23, 147, 1) 49%, rgba(0, 0, 0, 1) 100%);
	padding: 3px;
	
}
.blog-klua-profile-nome-autora-flow-style-box{
background-color: white;
	padding: 8px;
	
	
}
.blog-klua-profile-nome-autora-flow-box h1{
	font-family: "Great Vibes", cursive;
  font-size: 45px;
  font-style: normal;
	color: white;
	text-align: center;
	text-shadow: 2px 2px 4px #000000;
	margin-top: 8px;
	
	
	

}


.blog-klua-profile-navbar{
	height: auto;
	background-color: #800060;
}
.blog-klua-profile-navbar-menu{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.blog-klua-profile-navbar-menu-box{
	width: auto;
	height: 50px;
	background-color: #990073;
}
.blog-klua-profile-navbar-menu-box li{
	display: inline;
	float: left;
	margin: 5px;
	padding: 5px;
	}
.blog-klua-profile-navbar-menu-box a{
	color: white;
	font-family: "Noto Sans", sans-serif;

  font-weight: 400;
  font-style: normal;
	font-size: 19px
}
.blog-klua-profile-bio-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	background-color: black;
}
.blog-klua-profile-bio{
	width: 100%;
	height: auto;
	background-image: url( "../neon/7220580.jpg");
	background-position: center;
	background-size: cover;
	padding: 12px;
	margin: 5px;
	
}
.blog-klua-profile-bio p{
	text-align: center;
	color: white;
	margin-top: 12px;
	background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.7987570028011204) 0%, rgba(5,5,5,0.8239670868347339) 100%);
	padding: 15px;
	border-radius: 15px 50px 30px;
	width: auto;
	height: auto;
}
.blog-klua-profile-bio h1{
	text-align: center;
	color: black;
	margin-top: 12px;
	font-size: 26px;
	background-color: white;
	padding: 5px;
	font-family: "Merienda", serif;
	border:solid 2px #ffb3ec;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-radius: 15px 50px 30px;
	
}
.blog-klua-profile-bio a{
	color: white;
	font-size: 20px;
}

/* xxxxxxxxxxxxx */
/* xxxxxxxxxxxxx */



/***** navbar works */
.blog-klua-profile-navbar-works{
	height: auto;
	background-color: transparent;
}
.blog-klua-profile-navbar-works-box{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.blog-klua-profile-navbar-works-box-card{
	height: auto;
	background-color:  #ff99e6;
	padding: 5px;
	width: 100%;
}
.blog-klua-profile-navbar-works-box-card-center{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.blog-klua-profile-navbar-works-box-card li{
	float: left;
	display: inline;
	padding: 3px;
	text-align: center;
	
}
.blog-klua-profile-navbar-works-box-card a{
	text-align: center;
		color: black;
	font-family: "Sniglet", serif;
padding: 9px;
  font-weight: 400;
  font-style: normal;
	font-size: 18px;
	background-color: #ffb3ec;
	
	
	
}
.fa-leaf{
	color: #ffccf2;
			border-radius: 8px;
			font-size: 19px;
			background-color: #e600ac;
			padding: 5px;
			text-shadow: 2px 2px 4px #000000;
}
/* perfil animado */
.box{
  
	float: left;
  margin-top: 110px;
  transform: translate(-50%, -50%);
  width: 160px;
  height: 160px;
  background: #111845a6;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0 20px 50px rgb(23, 32, 90);
  border: 2px solid #2a3cad;
  color: white;
  padding: 20px;
}
/* avatar perfil caixa tamanho */

.box:before{
  content: '';
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background: rgba(255,255,255,0.1);
  transition:0.5s;
  pointer-events: none;
}

.box:hover:before{
  left:-50%;
  transform: skewX(-5deg);
}

/* avatar perfil foto */
.box .content{
  position:absolute;
  top:15px;
  left:15px;
  right:15px;
  bottom:15px;
  border:1px solid #f0a591;
  padding:20px;
  text-align:center;
  	background-image: url( "../../perfil/Tiana from Disn 9199b7f2-af7b-47c7-aba4-d5334da6377c.png");
	background-size: cover;
	background-position: center;
  box-shadow: 10px 3px 20px #ff00ff ;
}

.box span{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
  
}

.box span:nth-child(1)
{
  transform:rotate(0deg);
}

.box span:nth-child(2)
{
  transform:rotate(90deg);
}

.box span:nth-child(3)
{
  transform:rotate(180deg);
}

.box span:nth-child(4)
{
  transform:rotate(270deg);
}

.box span:before
{
  content: '';
  position: absolute;
  width:100%;
  height: 2px;
  background: #e066ff;
  animation: animate 4s linear infinite;
}

@keyframes animate {
  0% {
  transform:scaleX(0);
  transform-origin: left;
  }
  50%
  {
    transform:scaleX(1);
  transform-origin: left;
  }
  50.1%
  {
    transform:scaleX(1);
  transform-origin: right;
    
  }
  
  100%
  {
    transform:scaleX(0);
  transform-origin: right;
    
  }
  
  
} 
/* xxxxxxxxxxxxx */
/* xxxxxxxxxxxxx */
/* perfil animado fim */









/* xxxxxxxxxxxxx */
/* xxxxxxxxxxxxx */
/* xxxxxxxxxxxxx */




/* post fixo */
.blog-klua-box-card-posts-index{
	height: auto;
	background-color: white;
	padding: 40px;
}
.blog-klua-box-card-logo-bg{
	height: auto;
	background-color: black;
	border: solid 3px solid white;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	
	
	
}
.blog-klua-box-card-logo-bg-box{
	width: 290px;
	height: 50px;
	background-color: white;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
}
.blog-klua-box-card-logo-bg-img{
	float: right;
	border-radius: 30px;
	width: 50px;
	height: 50px;
	background-image: url("../e38712b08d6a6350d0c489dab8ce9548.webp");
	background-position: center;
	background-size: cover;
}
.blog-klua-box-card-posts-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	padding:50px;
	box-sizing: content-box;
}
.blog-klua-box-card-b-style{
	width: 100%;
	height: auto;
	padding-bottom: 15px;
	background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(237,166,237,1) 100%);
	padding:50px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	
}
.blog-klua-box-card-post-bg{
	background-image: url( "../neon/flower shape abstract line mandala.png");
	background-position: center;
	background-size: cover;
	padding: 15px;
	width: 100%;
	height: 360px;
	
}
.klua-blog-avatar{
	border-radius: 60px;
	border: solid 2px #ff1aff;
	border-bottom-color:black ;
	border-top-color:black ;
	border-left-color: #ff1aff;
	border-right-color: #ff1aff;
}
.klua-blog-avatar-copyright{
	height: auto;
	padding: 5px;
	background-image: url( "../neon/purple_for_marcella_by_celestin0_dg3exl7-pre.jpg");
	background-position: center;
	background-size: cover;
	box-shadow: 5px 5px 25px #ffe6ff;
	border: 2px solid #d147a3;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.klua-blog-avatar-copyright li{
	list-style: none;
	list-style-type: none;
	display: inline;
	margin: 5px;
	color: white;
	font-size: 16px;
	font-family: "Jua", serif;
	
}

.blog-post-klua-copyright-footer-style{
	background-color: white;
	height: auto;
	padding: 8px;
}
.blog-post-klua-copyright-footer-style p{
	text-align: center;
	color: black;
	font-family: "Jua", serif;
	font-size: 18px;
	background-color: #f2e6d9;
	padding: 3px;
}
.blog-post-klua-copyright-footer-style li{
	list-style: none;
	list-style-type: none;
	display: inline;
	margin: 5px;
	color: black;
	font-size: 16px;
	font-family: "Jua", serif;
	
}
.blog-post-klua-copyright-footer-style a{
	font-family: "Jua", serif;
	font-size: 19px;
	color: white;
	text-shadow: 1px 1px 2px black;
	
}
.klua-blog-social-media-in-box-flow{
	padding: 5px;
	height: 50px;
	background-color:white;
	}
.klua-blog-social-media-in-box-flow li{
	display: inline;
	float: right;
	list-style: none;
	list-style-type: none;
}




/*  blog klua-box card post bg imgs */
.blog-klua-box-card-post-header h1{
	font-size: 28px;
	font-family: "Sriracha", cursive;
	background-color: black;
	padding: 5px;
	border: 3px solid #c68c53;
	border-top-color: transparent;
	border-bottom-color: transparent;
	color: white;
}
.blog-klua-box-card-post-descript{
	background-color: transparent;
}
.blog-klua-box-card-post-descript p{
	font-family: "Alice", serif;
	font-size: 19px;
	color: black;
	background-color: white;
	border-radius: 30px;
	padding: 12px;
}



/* tags */
.klua-blog-tags-box{
	background: rgb(5,0,5);
background: linear-gradient(90deg, rgba(5,0,5,1) 0%, rgba(127,6,133,1) 100%);
	height: 63px;
	padding: 5px;
	
	
}
.klua-blog-tags-box li {
	display: inline;
	float: left;
	margin: 8px;
	color: white;
	background: rgb(177,6,177);
background: linear-gradient(90deg, rgba(177,6,177,0.4654236694677871) 0%, rgba(127,6,133,0.47942927170868344) 100%);
	padding: 5px;
	border-radius: 25px;
	font-family: "Jua", sans-serif;
    font-style: normal;
	font-size: 16px;
}
.fa-user{
	color: #ffccf2;
			border-radius: 8px;
			font-size: 19px;
			background-color: #e600ac;
			padding: 5px;
			text-shadow: 2px 2px 4px #000000;
}
.fa-calendar{
	color: #ffccf2;
			border-radius: 8px;
			font-size: 19px;
			background-color: #e600ac;
			padding: 5px;
			text-shadow: 2px 2px 4px #000000;
	
}
.fa-tag{
	background-color: black;
	border-radius: 30px;
	padding: 8px;
	color: #ffb3ec;
	text-shadow: 1px 1px 2px #ff1aff;
	font-size: 15px;
}
.fa-tags{
	background-color: white;
	border-radius:15px 30px; ;
	padding: 5px;
	color:#ff4dd2;
}

.fa-bookmark{
	background-color: black;
	border-radius: 30px;
	padding: 8px;
	color: #ffb3ec;
	text-shadow: 1px 1px 2px #ff1aff;
	font-size: 15px;
}
.fa-paint-brush{
	color:hotpink;
}
.fa-check-circle{
	background-color: #80aaff;
	padding: 5px;
	border-radius: 30px;
	color: #1a66ff;
}
.tag-margin{
	height: 80px;
	background-color: transparent;
}

/* tags */





/* post fixo */
/* xxxxxxxxxxxxx */
/* xxxxxxxxxxxxx */
/* xxxxxxxxxxxxx */





/* lembretes fixados */
.lembretes-fixados{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	padding:50px;
	box-sizing: content-box;
}

.lembretes-card{
	width: 40%;
	height: auto;
	background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(237,166,237,1) 100%);
	margin: 5px;
	padding: 8px;
}

.lembrete-card-header h3{
	text-align: right;
	color: black;
	font-size: 28px;
	font-family: "Kalam", cursive;
  font-weight: 300;
  font-style: normal;
	
	
}
.lembretes-card p{
	text-align: center;
	color: black;
	font-family: "Kalam", cursive;
  font-weight: 300;
  font-style: normal;
	font-size: 19px;
}
.lembrete-card-footer li{
	float: left;
	margin: 5px;
	display: inline;
	color: black;
	font-size: 18px;
	font-family: "Kalam", cursive;
  font-weight: 300;
  font-style: normal;
}
.lembrete-card-footer a{
	color: black;
	font-family: "Kalam", cursive;
  font-weight: 300;
  font-style: normal;
	font-size: 19px;
}
/* lembretes fixados */



/* lembretes fixados 2 grid */
* {
    margin: 0px;
    padding: 0px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}


.grid {
    width: 90%;
    margin: 20px auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr 1fr 1fr auto;
    gap: 20px;

}


.grid .post {
    background: #fff;
    padding: 20px;
    border-bottom: 5px solid #f44336;
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto 1fr;
    row-gap: 20px; 
    quotes: '"';

    cursor: pointer;
}

.grid .post:hover .post-title {
    color: #f44336;
    transition: .5s;
    
}

.grid .g-1 {
    grid-column: 1 / span 2;
}

.grid .g-3 {
    grid-column: 4;
    grid-row: 1 / span 3;
}

.grid .g-4 {
    grid-column: 1;
    grid-row: 2 / span 2;
}

.grid .g-5, .grid .g-6 {
    grid-column: 2 / span 2;
    
}

.grid .g-3, .grid .g-5, .grid .g-8 {
    background: black;
    color: white;
}


.grid .post h3 {
    text-transform: capitalize;
    font-weight: bold;
}

.grid .post span {
    display: block;
    text-transform: capitalize;
    font-weight: bold;
    color: #888;
    font-size: 15px;
}

.grid .post .l-p {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
}

.grid .post .s-p {
    line-height: 1.4;
    font-size: 16px;
}

.grid div::after {
    content: '”';
    position: absolute;
    right: 10px;
    bottom: -35px;
    font-size: 70px;
    line-height: 70px;
    color: #f44336;
    opacity: 0.1;
    transition: .5s;

}

.grid div:hover ::after {
    color: #f44336;
    opacity: 1;
    
}

/* lembretes fixados 2 grid */










/* atividades em */

.atividades-style{
	background-color: white;
	padding: 12px;
	height: auto;
}

.atividades-boxs{
	
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;

}
.atividades-boxs-header-nav{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
}
.atividades-boxs-header-nav-menu{
	width: auto;
	height: auto;
	padding: 8px;
}
.atividades-boxs-header-nav-menu li{
	float: left;
	margin: 5px;
	display: inline;
}
.atividades-boxs-header a{
	color: black;
}
.atividades-card{
	width: auto;
	height: auto;
	background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(237,166,237,1) 100%);
	margin: 5px;
	padding:30px;
}
.atividades-card-img-box{
	width: 100%;
	height: 300px;
	background-color: lightsalmon;
	border-radius: 15px 50px 30px;
	padding: 8px;
	
}
.atividades-card-header h1{
	text-align: center;
	color: black;
	font-size: 30px;
	font-family: "Agbalumo", system-ui;
	
}
.atividades-card-img1{
	background-image: url( "../4ffd92d4bbbb66cd89ecfea7f7d47334.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	border-radius: 15px 50px 30px;
	
}
.atividades-card-img2{
	background-image: url( "../4ffd92d4bbbb66cd89ecfea7f7d47334.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	border-radius: 15px 50px 30px;
	
}
.atividades-card-img3{
	background-image: url( "../4ffd92d4bbbb66cd89ecfea7f7d47334.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	border-radius: 15px 50px 30px;
	
}
/* atividades em */


/* xxxxxxxxx botões xxxxxxxxxxxx */
/* botões */
.btt-style1-box{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
}
.btt-style1-card-style-bg1{
	background-color: #f2e6d9;
	padding: 8px;
	width: auto;
	height: auto;
	border-radius: 15px 50px 30px;
}
.btt-style1-card-style-bg1-border{
	background-color: transparent;
	width: 220px;
	height: auto;
	border: 1px solid #cc9966;
	padding: 8px;	
	border-radius: 15px 50px 30px;
	
}
.btt-style1-card-style-bg1-icon-box{
	border-radius: 60px;
	width: 58px;
	height: 58px;
	background-color: white;
}
.btt-style1-card-style-bg1-border p{
	text-align: center;
	color: black;
	margin-top: 6px;
	}
.btt-style1-card-style-bg1-border a{
	color: black;
	font-family: "Delius Swash Caps", cursive;
	font-size: 19px;
	border: 1px solid #cc9966;
	background-color: #d9b38c;
	padding: 8px;
	
}

/* botões pink */
/* xxxxxxxxx botões xxxxxxxxxxxx */
/* botões */




/* headers post  styles*/

.mine-header-s1{
	background-color: white;
	padding: 8px;
	
}
.mine-header-s1 h1{
	font-family: "Bonbon", cursive;
	font-size: 40px;
	text-align: center;
}

/* headers post  styles*/
















.g_line {
    background: linear-gradient(250deg, #fc5c65, #fd9644, #fed330, #f7b731, #26de81, #20bf6b, #2d98da, #2d98da, #a55eea, #8854d0, #fc5c65);
    background-size: 5000% 5000%;
    width: auto;
    filter: saturate(3);
    position: sticky;
    height: 8px;
    animation: g_line 10s ease infinite;
	box-shadow: 5px 5px 25px #ff33cc;
  }


  
  @keyframes g_line { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
  }



.banner-gamer-style{
	height:auto;
	background-color: white;
	
}

.banner-gamer-fixed-index{
	height:auto;
	background-color:black;
	}
.banner-gamer-fixed-boxs-card{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
}
.banner-gamer-card-1{
	width: 100%;
	height: auto;
	background-color:#ffccf2;
	margin: 2px;
	padding: 8px;
}
.banner-gamer-card-2{
	width: 100%;
	height: 500px;
	background-color: hotpink;
	margin: 2px;
}
.banner-gamer-card-3{
	width: 100%;
	height: 500px;
	background-color: black;
	margin: 2px;
}
.banner-gamer-card-nav{
	width: 100%;
	height: 220px;
	background-image: url( "../neon/frame/frame3.jpg");
	background-position: center;
	background-size: cover;
	margin: 5px;
	
}
.banner-gamer-card-navbar{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
}

.banner-gamer-card-nav h1{
	text-align: center;
	color: black;
	text-shadow: 1px 1px 1px black;
	font-family: "Mystery Quest", serif;
	font-size: 50px;
	background-color: #ffb3ec;
	
}
.banner-gamer-card-nav-img{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
}
.banner-pc-card-nav-img-pc-bg{
	width: 120px;
	height: 120px;
	border-radius: 60px;
	background-image: url( "../website/pc-icon-background.jpg");
	background-position: center;
	background-size: cover;
	
}
.banner-gamer-card-nav-img-jogos-bg{
	width: 120px;
	height: 120px;
	border-radius: 60px;
	background-image: url( "../website/gamer-icon-background.jpg");
	background-position: center;
	background-size: cover;
	
}
.banner-gamer-card-nav:hover{
	box-shadow: 5px 5px 25px #ff33cc;
	
}







/* blog blg3 */
.mine-blog-bg3-index{
	background-color: white;
	padding: 12px;
	height: auto;
	
}
.mine-blog-bg3-index-inline{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
}
.mine-blog-bg3-index-inline-style{
	background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(245,63,189,1) 100%);
	padding: 8px;
	height: auto;
	width: 95%;
}
.mine-blog-bg3-index-inline-style-nav{
	float: left;
	height: 290px;
	width: 90px;
	background-color: #ffe6f9;
}
.mine-blog-bg3-index-inline-style-nav-fix{
	height: 10px;
}
.mine-blog-bg3-index-inline-style-nav li{
	list-style: none;
	list-style-type: none;
	align-content: center;
	align-items: center;
	text-align: center;
	margin: 5px;
	
}
.mine-blog-bg3-index-inline-style-nav a{
	color: black;
	font-size: 17px;
}
.mine-blog-bg3-index-inline-style-nav-top{
	background-color: #ff99e6;
	height: 90px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	border: 1px solid black;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}
.fa-book{
			background-color: white;
			color:#ff80df;
			border-radius: 30px;
			padding: 5px;
			font-size: 26px;
		}
.mine-blog-bg3-index-inline-style-nav-top-ico{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
	
}
.mine-blog-bg3-index-inline-style-nav-top-ico-fix{
	height: 71px;
}

.mine-blog-bg3-index-box-posts{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
}
.mine-blog-bg3-index-card-post{
	width: 100%;
	height:auto;
	background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(245,63,189,1) 100%);
	padding: 20px;
	margin: 5px;
		
}

.mine-blog-bg3-index-card-post-titulo{
	padding: 8px;
	padding-top: 12px;
	padding-bottom: 8px;
	background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(252,4,180,0.6138830532212884) 100%);
	
}
.mine-blog-bg3-index-card-post-titulo h3{
	color: black;
	 font-family: "Merienda", serif;
	font-size: 30px;
	text-align: left;
	
	
}

.mine-blog-bg3-index-card-post-titulo-description h3{
	color: white;
	 font-family: "Merienda", serif;
	font-size: 30px;
	text-align: center;
	background: rgb(5,5,5);
background: linear-gradient(90deg, rgba(5,5,5,1) 0%, rgba(252,4,180,0.9976365546218487) 100%);
	border: 2px solid #ff1ac6;
	border-top-color: transparent;
	border-bottom-color: transparent;
	
	
}
.mine-blog-bg3-index-card-post-subtitulo-description h4{
	color: black;
	 font-family: "Merienda", serif;
	font-size: 30px;
	text-align: left;
	
	}

.mine-blog-bg3-index-card-post-description p {
	text-align: center;
}
.mine-blog-bg3-index-card-post-box-description{
	background-color: white;
	height: 390px;
	width: 100%;
	padding: 8px;
}
.mine-blog-bg3-index-card-bg-fx-line{
	height: 30px;
	background-color: transparent;
}
/* mine blog bg3 imgs */
.mine-blog-bg3-index-card-post-img-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
}
.mine-blog-bg3-index-card-post-img1{
	width: 100%;
	height: 390px;
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQSlIB8ThefFIIDqUwwAAAAAAcnjXyIpxF6ahjEiXgO2KgE?width=1920&height=1080);
	background-position: center;
	background-size: cover;
	padding: 3px;
	margin-top: 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;
}
.mine-blog-bg3-index-card-post-img2{
	
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQSlIB8ThefFIIDqWQwAAAAAASZDoL5ytwLgDqqvSBmVWBk?width=1920&height=1080);
	background-position: center;
	background-size: cover;
	padding: 3px;
	margin-top: 8px;
	width: 100%;
	height: 390px;
	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;
}
.mine-blog-bg3-index-card-post-img3{
	background-image:url(https://1drv.ms/i/c/eac5e785131f20a5/IQSlIB8ThefFIIDqWAwAAAAAAcMXDv2y2EtvE5gRovvD9TE?width=1920&height=1080);
	background-position: center;
	background-size: cover;
	padding: 3px;
	margin-top: 8px;
	width: 100%;
	height: 390px;
	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;
}
.mine-blog-bg3-index-card-post-img4{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQSlIB8ThefFIIDqXAwAAAAAAW2M7RDDLnoSamte5ylf1s4?width=1920&height=1080);
	background-position: center;
	background-size: cover;
	padding: 3px;
	margin-top: 8px;
	width: 100%;
	height: 390px;
	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;
}
/* mine blog bg3 imgs */
.mine-blog-bg3-index-card-post-img-border{
	border: 2px solid #ff80df;
	width: 100%;
	height: 100%;
	box-shadow: 5px 5px 25px #ff80df;
}
.mine-blog-bg3-index-card-post-img-border-3d{
	float: right;
	width: 70px;
	height: 100%;
	background-color: black;
	border-top-left-radius: 90px;
	border-bottom-left-radius: 90px;
	
}
.mine-blog-bg3-index-card-post-img-border-3d-card{
	width: 70px;
	height: 70px;
	float: left;
	margin-left: -30px;
	margin-top: 150px;
	background-image: url("../d46bb6692124be089855240b242132fe.png");
	background-position: center;
	background-size: cover;
	border-radius: 60px;
	border: 3px solid black;
	
}

.mine-blog-bg3-index-card-post-tags-l1{
	margin-top: 20px;
	
	
	
}
.tag-avatar-min-blog{
	width: 41px;
	margin-top: -8px;
	
}
.tag-avatar-min-blog-dark{
	width: 41px;
}
.tag-avatar-min-blog-natural{
	width: 41px;
}
.mine-blog-bg3-index-card-post-tags-l1 li{
	background-color: #ffcce6;
	float: left;
	display: inline;
	margin: 5px;
	color: black;
	font-family: "Delius Swash Caps", serif;
	font-size: 19px;
	height: auto;
	border-radius: 15px 50px; 
	padding: 8px;
}
.bg3-chars-l{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
}
.bg3-chars-l-card{
	width: 35%;
	background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,4,194,1) 100%);
	height: auto;
	padding: 5px;
}
.bg3-chars-l-card li{
	display: inline;
	float: left;
	margin: 8px;
	color: white
}
.bg3-chars-l-card a{
	color: white;
	font-size: 27px;
	font-family: "Mystery Quest", system-ui;
}



.banner-bg3-profile-index{
	background-color: black;
	height: 90px;
}
.banner-bg3-profile-index-boxs-cards{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
}
.banner-bg3-profile-index-box-card{
	margin: 2px;
	background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.6951155462184874) 0%, rgba(0,0,0,0.6474964985994398) 100%);
	height: 200px;
	width: 65%;
	border: 3px solid #ff66d9;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}
.banner-bg3-fixed-ballon{
	height: 500px;
	width: 38%;
	background-color: transparent;
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px;
	padding: 5px;
}
.banner-bg3-fixed-ballon-border{
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px;
	border:2px solid #ff33cc;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	width: 100%;
	height: 100%;
}


/* blog blg3 */

/* numero de pagina */
.n-paginas{
	background-color: white;
	height: auto;
}
.n-paginas-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
	
}
.n-paginas-flow-box{
	width: 45%;
	height: auto;
	padding: 5px;
	background-color: #f5d6eb;
}
.n-paginas-flow-box li{
	display: inline;
	float: left;
	background-color: white;
	padding: 10px;
	
	
}
.n-paginas-flow-box a{
	background-color:#ebadd6;
	color: black;
	padding: 8px;
	font-size: 22px;
	border-radius: 30px;
	font-family: "Boogaloo", serif;
		
}
.n-paginas-flow-box a:hover{
	box-shadow: 5px 5px 25px #d65cad;
}
.fa-angle-double-left{
	color: white;
	font-size: 19px;
	background-color:#e085c2;
	padding: 5px;
	border-radius: 30px;
		
}
.fa-angle-double-right{
	color: white;
	font-size: 19px;
	background-color:#e085c2;
	padding: 5px;
	border-radius: 30px;
		
}


/* numero de pagina */

#resource-slider {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 13em;
  margin: auto;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #DDD;
  overflow: hidden;
}

#resource-slider .arrow {
  cursor: pointer;
  position: absolute;
  width: 2em;
  height: 100%;
  padding: 0;
  margin: 0;
  outline: 0;
  background: transparent;
}

#resource-slider .arrow:hover {
  background: rgba(0, 0, 0, 0.1);
}

#resource-slider .arrow:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 0.75em;
  height: 0.75em;
  margin: auto;
  border-style: solid;
}

#resource-slider .prev {
  left: 0;
  bottom: 0;
}

#resource-slider .prev:before {
  left: 0.25em;
  border-width: 3px 0 0 3px;
  border-color: #333 transparent transparent #333;
  transform: rotate(-45deg);
}

#resource-slider .next {
  right: 0;
  bottom: 0;
}

#resource-slider .next:before {
  right: 0.25em;
  border-width: 3px 3px 0 0;
  border-color: #333 #333 transparent transparent;
  transform: rotate(45deg);
}

#resource-slider .resource-slider-frame {
  position: absolute;
  top: 0;
  left: 2em;
  right: 2em;
  bottom: 0;
  border-left: 0.25em solid transparent;
  border-right: 0.25em solid transparent;
  overflow: hidden;
}
.data-s{
	color: white;
	background-color: black;
	border: 2px solid #ff1aff;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	
}
#resource-slider .resource-slider-item {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25%;
  height: 100%;
}

#resource-slider .resource-slider-inset {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0.5em 0.25em;
  overflow: hidden;
}

@media ( max-width: 60em ) {
  #resource-slider .resource-slider-item {
    width: 33.33%;
  }
  #resource-slider {
    height: 16em;
  }
}

@media ( max-width: 45em ) {
  #resource-slider .resource-slider-item {
    width: 50%;
  }
}

@media ( max-width: 30em ) {
  #resource-slider .resource-slider-item {
    width: 100%;
  }
  #resource-slider {
    height: 19em;
  }
}
/* xxxxxxxxx */







/* story page */
.story-page{
	height: auto;
	background-position: center;
	background-size: cover;
	background-image:url( "../minimalist/5760257.jpg");
	padding: 5px;
}
.story-page-header{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
	
}
.story-page-header-box{
	width: 75%;
	height: auto;
	background-color: #f2f2f2;
	border-radius: 30px;
	
}
.story-page-header-box h1{
	font-family: "Pacifico", serif;
	font-size: 40px;
	text-align: left;
	margin-left: 12px;
	background-color: #f2f2f2;
	border-radius: 30px;
	float: left;
	padding: 5px;
	margin-top: 15px;
	
}
.story-page-header-box p{
	text-align: right;
	color: black;
	font-family: "Pacifico", serif;
	font-size: 30px;
	margin-right: 12px;
	background-color: transparent;
	border: solid 2px black;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	float: right;
	padding: 5px;
	margin-top: 15px;
}
.story-page-flow-cards{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
	background: #ffffff;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(5, 1, 4, 1) 0%, rgba(7, 2, 6, 1) 0%, rgba(8, 3, 7, 1) 0%, rgba(9, 4, 8, 1) 0%, rgba(11, 5, 9, 1) 0%, rgba(12, 5, 10, 1) 0%, rgba(191, 74, 160, 1) 0%, rgba(232, 90, 194, 1) 0%, rgba(250, 250, 250, 0.4) 0%, rgba(255, 255, 255, 0.38) 100%);
	
}
.story-page-card{
	width: 85%;
	padding: 12px;
	height: auto;
	background-image: url( "../minimalist/background/9549823.jpg");
	background-position: center;
	background-size: cover;
	border-radius: 15px 20px 30px;
	margin: 10px;
	box-shadow: 5px 5px 35px #ecc6d9;
    
	}
.story-page-card:hover{
	box-shadow: 5px 5px 35px #ff00ff;
}
.story-page-card-inbox{
	float: right;
	width: 60%;
	height: auto;
	background: #f2e6d9;
    padding-bottom: 8px;
	border: 3px solid #cc9966;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	padding: 5px;
	
}
.story-page-card-tag{
	height: 60px;
	
}
.story-page-card-tag li{
	display: inline;
	float: left;
	margin: 5px;
	color: black;
	background-color: #ffccf2;
	padding: 3px;
	border-radius: 12px;
}
.story-banner{
	height: 120px;
	padding: 5px;
	background-color: white;
	
}
.story-banner p {
	text-align: center;
	color: black;
	font-family: "Pacifico", serif;
	font-size: 30px;
	
}
.story-page-card-effect:hover {
	transform: scale(1.15);
}


.story-page-card h4{
	width: auto;
	padding: 5px;
	text-align: center;
	font-family: "Pacifico", serif;
	font-size: 35px;
	color: black;
	 text-shadow: 2px 2px 4px white;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	background-color: white;
	
	}

.story-page-card p{
	width: auto;
	padding: 5px;
	text-align: center;
	font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 19px;
	color: black;
	
}

.story-page-card-button-flw{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	
}
.story-page-card-button{
	text-align: center;
	
}
.story-page-card-button-fx{
	height: 5px;
	background-color: transparent;
}
.story-page-card-button a{
	color: black;
	text-align: center;
	background-color: #ff99e6;
	padding: 5px;
	border-radius: 15px 20px 30px;
	font-family: "Pacifico", serif;
	font-size: 28px;
	box-shadow:  5px 5px 25px #ecc6d9;
	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;
}
.story-page-card-button-ico-img{
	margin-top: -12px;
	background-color: white;
	border-radius: 60px;
}
.story-page-card-button a:hover{
	box-shadow: 5px 5px 25px #ff00bf;
}
.story-page-card-footer p{
	text-align: center;
	color: black;
	font-size: 17px;
}
/* story page autora card */
.story-page-card-avatar-box{
	width: 265px;
	height: auto;
	background-image: url(  "../8567389428a15b76244237e5dc31b3b2.jpg");
	background-position: center;
	background-size: cover;
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px;
	padding: 2px;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	
}
.story-page-card-autora-avatar{
	width: 64px;
	height: 64px;
	background-image: url( "../minimalist/87192186831761fbcc1c6390afc35184.jpg");
	background-position: center;
	background-size: cover;
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px;
}
.story-page-card-autora-nome{
	float: right;
	margin-right: 20px;
	z-index: 1;
}
.story-page-card-autora-nome p{
	text-align: center;
	color: black;
	font-size: 27px;
	
}

/* story page autora card */


/* story page img */
.story-page-card-img-box{
	width: 260px;
	height: 260px;
	border-radius: 15px 20px 30px;
	background-image: url( "../minimalist/background/9549823.jpg");
	background-position: center;
	background-size: cover;
	padding: 8px;
	box-shadow: 5px 5px 25px #4d0039;
   transform:perspective(800px) rotateY(25deg);
	float: left;
		}
.story-page-card-img1{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQQb1_EYA5fdTYXe7nxXk6AjAWwYuNCHT7TI6XPo3Hvh2Ac?width=1024&height=1331);
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	border-radius: 15px 20px 30px;
}
.story-page-card-img2{
	width: 100%;
	height: 100%;
	background-image:url(https://1drv.ms/i/c/eac5e785131f20a5/UQSlIB8ThefFIIDqZgsAAAAAANGS60ZIunXcFnM?width=736&height=736);
	background-position: center;
	background-size: cover;
	border-radius: 15px 20px 30px;
}
.story-page-card-img3{
	width: 100%;
	height: 100%;
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQRL_lHtmmr7RJBo2lW9EDoOAaxoa8uxxcbdn81djoTxJ5g?width=1024);
	background-position: center;
	background-size: cover;
	border-radius: 15px 20px 30px;
}
.story-page-card-img4{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQSlIB8ThefFIIDq2woAAAAAAb3gcRtmgfn0XoyNuZthoYI?width=3513&height=5262);
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	border-radius: 15px 20px 30px;
}
.story-page-card-img5{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQTrIPRk2ughRZf8vkgSdxqRASwb3q-9B9ClzW_dUF4uZcs?width=1024);
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	border-radius: 15px 20px 30px;
}
.story-page-card-img6{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQSlIB8ThefFIIDqxQoAAAAAAUncgFqbHdOMscMiVGcaCUI?width=1188&height=1079);
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	border-radius: 15px 20px 30px;
}
/* story page */



/* Perspective 3d */
.perspective-3d-gallery-header{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
	
	
}
.perspective-3d-gallery-header-card{
	width: 45%;
	height: auto;
	background-color: white;
	border-radius: 30px;
	margin-top: 15px;
	
}
.perspective-3d-gallery-header-card h4{
	font-family: "Pacifico", serif;
	font-size: 30px;
	text-align: left;
	margin-left: 18px;
	padding-top: 12px;
}

.perspective-3d-gallery-index {
	height: auto;
	padding-bottom: 5px;
	background: #ffffff;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(5, 1, 4, 1) 0%, rgba(7, 2, 6, 1) 0%, rgba(8, 3, 7, 1) 0%, rgba(9, 4, 8, 1) 0%, rgba(11, 5, 9, 1) 0%, rgba(12, 5, 10, 1) 0%, rgba(191, 74, 160, 1) 0%, rgba(232, 90, 194, 1) 0%, rgba(250, 250, 250, 0.4) 0%, rgba(255, 255, 255, 0.38) 100%);
	padding: 8px;
	margin-top: 12px;
}
.perspective-3d-gallery-index-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
}
.perspective-3d-gallery-card {
	height: 290px;
	width: 290px;
	border-radius: 12px;
	display: inline-block;
  margin: 5px;
	transition: 0.4s ease-in;
	background-image: url("../868a2fde7612cc80f7d3888fb30f35c9.jpg");
	background-position: center;
	background-size: cover;
	
}

.b1 {
  transform-origin: left center;
  transform: scale(1.1) perspective(225px) rotatey(10deg);
  box-shadow: -5px 0 10px #ffb3ec;
}

.b2 {
	transform-origin: left center;
  transform: scale(0.95) perspective(300px) rotatey(5deg);
  margin-left: 10px;
  margin-right: -10px;
}

.b3 {
	transform-origin: center center;
  transform: scale(0.90);
}

.b4 {
	transform-origin: right center;
  transform: scale(0.95) perspective(300px) rotatey(-5deg);
  margin-left: -10px;
  margin-right: 10px;
}

.b5 {
	transform-origin: right center;
  transform: scale(1.1) perspective(225px) rotatey(-10deg);
  box-shadow: 5px 0 10px #ffb3ec;
}

.text {
	color: #D0D0D0;
	text-align: center;;
	font-size: 10px;
	font-family: sans-serif;
}
/* Perspective 3d */







/* Infinite Scrolling Text Animation */
.mark-new{
	padding: 8px;
	background-color: #804000;
	border-radius: 15px 50px 30px;
	   font-family: "Staatliches", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 22px;
	color: white;
	text-shadow: 1px 1px 4px black;
	
}
.mark-tag{
	padding: 8px;
	background-color: #993399;
	border-radius: 15px 50px 30px;
	   font-family: "Staatliches", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 22px;
	color: white;
	text-shadow: 1px 1px 4px black;
	
}
.mark-aviso{
	padding: 8px;
	background-color: #800000;
	border-radius: 15px 50px 30px;
	   font-family: "Staatliches", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 22px;
	color: white;
	text-shadow: 1px 1px 4px black;
	
}
/* xxxxxxxxxxxxxxxxxxxxxx */


.scrolling-linefx{
	height: auto;
	padding-bottom: 12px;
	background-color: transparent;
}
.scroll-container-inbox{
	background-color: #ff80df;
	float: left;
	position: absolute;
  z-index: 3;
	height: 69px;
	width: 190px;
	text-align: center;
	color: white;
		
}
.scroll-container-inbox p{
	font-family: "Staatliches", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 35px;
	color: #cc3399;
	background-color: #faebf5;
	border-bottom-left-radius: 60px;
	border-bottom-right-radius: 60px;
	
}
.scrolling-text li{
	display: inline;
	color: black;
	background-color: #ff99e6;
	padding: 13px;
	border-bottom-color: transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	margin-top: 15px;
	width: auto;
	height: auto;
	font-family: "Sriracha", cursive;
	font-size: 19px;
	font-weight: 400;
  font-style: normal;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	
	
}

.scroll-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  height: 70px;
background-color: #ffccff;
	border: 2px solid #ff80df;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	font-family: "Sriracha", cursive;
	font-size: 19px;
	font-weight: 400;
  font-style: normal;
	color: black;
}

.scroll-container .scrolling-text {
  display: inline-block;
  padding-left: 100%;
  animation: scroll-left 31s linear infinite;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-100%);
  }
}

/* Infinite Scrolling Text Animation */




/* banner 1 */
.banner-bg1{
	height: auto;
	background-image: url( "../parts/banner-text.png");
	background-position: center;
	background-size: cover;
	padding: 12px;
}
.banner-bg1-box p{
	color: white;
	text-align: left;
	font-family: "Sriracha", cursive;
	font-size: 22px;
	text-shadow: 2px 2px 8px #330026;
	
}
.banner-bg1-box{
	height: 220px;
	background-color: transparent;
	margin-left: 15%;
	
}
.banner-bg1-box-post-img{
	border-radius: 15px 50px;
	background-color: white;
	float: left;
	width: 120px;
	height: 120px;
	margin-left: 8px;
	
}
/* banner 1 */




/* infinite loop vertical image scroll */
.event-banner-section-card-decoration{
	width: 290px;
	height: 290px;
	background-image: url( "../minimalist/3ce1d18e905704812696abc167d522a6.jpg");
	background-position: center;
	background-size: cover;
	padding: 8px;
	box-shadow: 5px 5px 25px #4d0039;
	white-space: nowrap;
	word-wrap: break-word;
	border-radius: 60px;
}
.event-banner-section-card{
	width: 390px;
	height: auto;
	background-image: url( "../868a2fde7612cc80f7d3888fb30f35c9.jpg");
	background-position: center;
	background-size: cover;
	padding: 8px;
	box-shadow: 5px 5px 25px #4d0039;
	white-space: nowrap;
	word-wrap: break-word;
	
   
}

.event-banner-section-card h1{
	background-color: white;
	border: 1px solid #ff4dd2;
	border-bottom-color: transparent;
	border-top-color: transparent;
	font-family: "Sriracha", cursive;
	font-size: 33px;
	padding: 5px;
}
.event-banner-section-card-description{
	background-color: white;
	padding: 6px;
	border-radius:15px 50px;
		white-space: nowrap;
	word-wrap: break-word;
	text-align: center;
	margin-top: 15px;
	color: black;
	border: 2px solid #ff80df;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	
	
}
.event-banner-section-card-description p {
	color: black;
	text-align: center;
}
.event-banner-section-card-button {
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
}
.event-banner-section-card-button a{
	color: black;
	background-color: #ecd9c6;
	border-radius: 15px 50px;
	padding: 8px;
	border: 2px solid #d2a679;
	border-bottom-color: transparent;
	border-top-color: transparent;
}
.event-banner-section-card-description-ico{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
	
}
.event-banner-section-card-description-ico-img{
	padding: 5px;
	background-color: white;
	border-radius: 30px;
	border: 1px solid #ff4dd2;
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color: transparent;
}
.event-banner-section-card-box-img{
	background-image: url(  "../868a2fde7612cc80f7d3888fb30f35c9.jpg");
	background-position: center;
	background-size: cover;
	padding: 8px;
	border-bottom-right-radius: 60px;
	width: 290px;
	height: 290px;
	
	
}
.event-banner-section-card-box-img-border{
	border: 2px solid #ff4dd2;
	border-bottom-right-radius: 60px;
	background-color: transparent;
	width: 100%;
	height: 100%;
	padding: 5px;
	
}

.event-banner-section {
  position: relative;
  margin: 5px;
  overflow: hidden;
  height: 550px;
	padding: 5px;
	padding-bottom: 15px;
	background-color: #ffccf2;
	white-space: nowrap;
	word-wrap: break-word;
	
}

.event-banner-wrapper {
  display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
	height: auto;
  gap: 30px;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  white-space: nowrap;
  animation: bannermove 30s linear infinite;
	
}

.event-banner-wrapper .event-banner-img > img {border-radius: 10px;}

@keyframes bannermove {
  0% {
      transform: translate(0, 0);
  }
  100% {
      transform: translateX(-50%);
  }
}


/* vertical image scroll imgs */
.event-banner-section-card-box-img-1{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQSlIB8ThefFIIDqxQoAAAAAAUncgFqbHdOMscMiVGcaCUI?width=1188&height=1079);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	border-bottom-right-radius: 60px;
}

.event-banner-section-card-box-img-2{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQQO3vkgIpFkSqV26XPKewQBAcIjnfQVABwzl5vbMxKPc9g?width=736&height=981);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	border-bottom-right-radius: 60px;
}
.event-banner-section-card-box-img-3{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQTk8XvRfDCZSasCvq0cEq1XAdvca6uUuisEnJ7eraGvW10?width=1024);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	border-bottom-right-radius: 60px;
}

.event-banner-section-card-box-img-4{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQQCO_lnr3WJTaUvoG4epP6bAZnwhswNp_inbhKSD0YgdJc?width=735&height=913);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	border-bottom-right-radius: 60px;
}
.event-banner-section-card-box-img-5{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQTBdE0HsS9dSo2b0OR6hsxxAcriV01WKG6bvG01_RsDD3g?width=1024);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	border-bottom-right-radius: 60px;
}
.event-banner-section-card-box-img-6{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQSlIB8ThefFIIDqyQoAAAAAAQl27C83nlWGJRVVhTm59ns?width=736&height=1104);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	border-bottom-right-radius: 60px;
}
/* vertical image scroll imgs */

/* infinite loop vertical image scroll */
/* ****xxxxxxxx***** */
/* ****xxxxxxxx***** */
/* ****xxxxxxxx***** */
.text-animation-effect-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-sizing: content-box;
}
.text-animation-effect h1 {
  color: #333;
  font-family: tahoma;
  font-size: 3rem;
  font-weight: 100;
  line-height: 1.5;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  width: 550px;
	
}

.text-animation-effect h1 span {
  font-size: 40px;
  margin-left: 40px;
}

.message {
  background-color: yellow;
  color: #333;
  display: block;
  font-weight: 900;
  overflow: hidden;
  position: absolute;
  padding-left: 0.5rem;
  top: 0.2rem;
  left: 270px;
  animation: openclose 5s ease-in-out infinite;
}

.word1, .word2, .word3 {
  font-family: tahoma;
}

@keyframes openclose {
  0% {
    top: 0.2rem;
    width: 0;
  }
  5% {
    width: 0;
  }
  15% {
    width: 230px;
  }
  30% {
    top: 0.2rem;
    width: 230px;
  }
  33% {
    top: 0.2rem;
    width: 0;
  }
  35% {
    top: 0.2rem;
    width: 0;
  }
  38% {
    top: -4.5rem;
    
  }
  48% {
    top: -4.5rem;
    width: 190px;
  }
  62% {
    top: -4.5rem;
    width: 190px;
  }
  66% {
    top: -4.5rem;
    width: 0;
    text-indent: 0;
  }
  71% {
    top: -9rem;
    width: 0;
    text-indent: 5px;
  }
  86% {
    top: -9rem;
    width: 285px;
  }
  95% {
    top: -9rem;
    width: 285px;
  }
  98% {
    top: -9rem;
    width: 0;
    text-indent: 5px;
  }
  100% {
    top: 0;
    width: 0;
    text-indent: 0;
  }
}
/* ****xxxxxxxx***** */
/* ****xxxxxxxx***** */
/* ****xxxxxxxx***** */









/* ------- Osmo [https://osmo.supply/] ------- */
/* Osmo UI: https://slater.app/10324/23333.css */


.cloneable {
  padding: var(--container-padding);
  justify-content: center;
  align-items: center;
  min-height: auto;
  display: flex;
  position: relative;
}

.nav-wrap {
  z-index: 100;
  pointer-events: none;
  justify-content: center;
  align-items: flex-end;
  inset: 0 0 10vh;
}

.nav-list {
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  font-size: 1.4vw;
}

.nav-item {
  justify-content: center;
  align-items: center;
  width: 5em;
  transition: width .5s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
}

.nav-item.hover {
  width: 8em;
}

.nav-item.sibling-close {
  width: 7em;
}

.nav-item.sibling-far {
  width: 6em;
}

.nav-item__link {
  z-index: 1;
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: .5em;
  padding-right: .5em;
  display: flex;
  position: relative;
}

.image {
  object-fit: contain;
  width: 100%;
}

.nav-item__tooltip {
  z-index: 0;
  background-color: var(--color-neutral-100);
  opacity: 0;
  white-space: nowrap;
  border-radius: .25em;
  padding: .4em .5em;
  font-size: 1em;
  transition: transform .5s cubic-bezier(.16, 1, .3, 1), opacity .5s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  top: 0;
  transform: translate(0, -80%);
  font-weight: 400;
}

.nav-item:hover .nav-item__tooltip{
	opacity: 1;
  transform:translate(0px, -140%);
}
/* ------- Osmo [https://osmo.supply/] ------- */
/* Osmo UI: https://slater.app/10324/23333.css */











/* xxxxxxxxxxxxxxx */
/* xxxxxxx scroll-padding-block  xxxxxxxx */
/* xxxxxxxxxxxxxxx */

.scroll-padding-block {
  width: 98%;
  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-color: white;
}

.scroll-padding-block-cards-flow{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.scroll-padding-block-card-img{
	width: 490px;
height: 390px;
	background-color: #ff66d9;
	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;
}
.scroll-padding-block-card-description {
  background-color: #f2e6d9;
  width: 70%;
height: 390px;
  margin: 1px;
}

.scroll-padding-block-card-header{
	background-color: black;
	padding: 5px;
	border: 3px solid #ff33cc;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}
.scroll-padding-block-card-header h3{
	color: white;
}


/* xxxxxxxxxxxxxxx */
/* xxxxxxx scroll-padding-block  xxxxxxxx */
/* xxxxxxxxxxxxxxx */




/* xxxxxxxxxxxxxxx */
/* xxxxxxx section post 3d xxxxxxxx */
/* xxxxxxxxxxxxxxx */


/* xxxxxxxxxxxxxxx */
/* xxxxxxx section post 3d xxxxxxxx */
/* xxxxxxxxxxxxxxx */



/* xxxxxxxxxxxxxxx */
/* xxxxxxx section explorar xxxxxxxx */
/* xxxxxxxxxxxxxxx */

.blog-klua-explorar{
	height: auto;
	padding: 8px;
	background-color: black;
}
.blog-klua-explorar-container-header{
	width: 45%;
	background-color: white;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	padding: 5px;
	height: 125px;
}
.blog-klua-explorar-container-header h1{
	text-align: right;
	font-family: "Bonbon", cursive;
  font-weight: 400;
  font-style: normal;
	font-size: 50px;
}
.blog-klua-explorar-container-header li {
	display: inline;
	float: right;
	margin: 3px;
}
.blog-klua-explorar-container-header a{
	color: black;
}
.blog-klua-explorar-container {
  width: 98%;
  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/5760257.jpg");
	background-position: center;
	background-size: cover;
}
.blog-klua-explorar-container-boxs{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.blog-klua-explorar-container-card{
	background-color: hotpink;
	width: 290px;
	height: auto;
	margin: 3px;
	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;
	padding: 3px;
}
.blog-klua-explorar-container-card:hover{
	box-shadow: 5px 5px 25px #ff33cc;
}
.blog-klua-explorar-container-card-description{
	background: #ffffff;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(5, 1, 4, 1) 0%, rgba(7, 2, 6, 1) 0%, rgba(8, 3, 7, 1) 0%, rgba(9, 4, 8, 1) 0%, rgba(11, 5, 9, 1) 0%, rgba(12, 5, 10, 1) 0%, rgba(191, 74, 160, 1) 0%, rgba(232, 90, 194, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.4) 100%);
	padding: 8px;
	height: auto;
	padding-bottom: 8px;

}
.blog-klua-explorar-container-card-header h3{
	text-align: center;
	color: white;
	font-size: 20px;
	background: #ffffff;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(5, 1, 4, 1) 0%, rgba(7, 2, 6, 1) 0%, rgba(8, 3, 7, 1) 0%, rgba(9, 4, 8, 1) 0%, rgba(11, 5, 9, 1) 0%, rgba(12, 5, 10, 1) 0%, rgba(191, 74, 160, 1) 0%, rgba(232, 90, 194, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.4) 100%);
	
}
.blog-klua-explorar-container-card-img-fx{
	background-color: transparent;
	height: 220px;
}
.blog-klua-explorar-container-card-img-buttom{
	height: auto;
	text-align: center;
}
.blog-klua-explorar-container-card-img-buttom a {
	text-align: center;
	color: white;
	border:solid #ffb3e6 2px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	padding: 5px;
}
.blog-klua-explorar-container-card-img-buttom a:hover{
	border:solid #e60099 2px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}

.blog-klua-explorar-container-card-img-buttom li {
	display: inline;
	text-align: center;
}


/* xxxxxxx explorar card img xxxxxxxx */
/* xxxxxxx explorar card max imgs 5 xxxxxxxx */

/* xxxxxxx explorar 1 imgs xxxxxxxx */
.blog-klua-explorar-1-card-img1{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQT_5viXG8A6RJcitlgWk0GvAejd0M1z9rIzAVX-lxMSQeI?width=1024);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 320px;
}
.blog-klua-explorar-1-card-img2{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQSPYMbteRBRSp52fW5ZaAuLAXA1pQqZ4Psx8eM3uOyX4Js?width=736&height=981);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 320px;
}
.blog-klua-explorar-1-card-img3{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQTURxGvfJ9jTZEE1WTLq5TxAS1vyQkl0GPWQSyApyBDRCs?width=1024);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 320px;
	
}
.blog-klua-explorar-1-card-img4{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQSGpn-MfiYYQ6ApZ1UFkkvWAYuYY7JS-YAp6X1qqsfmB4A?width=736&height=736);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 320px;
	
}
.blog-klua-explorar-1-card-img5{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQSlIB8ThefFIIDqxwoAAAAAASdOjhqx8u3TeKwAvffvH64?width=482&height=792);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 320px;
	}
/* xxxxxxx explorar 1 imgs xxxxxxxx */

/* xxxxxxx explorar 2 imgs xxxxxxxx */
.blog-klua-explorar-2-card-img1{
	background-image: url();
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 320px;
	
}
.blog-klua-explorar-2-card-img2{
	background-image: url();
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 320px;
	}
.blog-klua-explorar-2-card-img3{
	background-image: url();
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 320px;
	}
.blog-klua-explorar-2-card-img4{
	background-image: url();
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 320px;
	}
.blog-klua-explorar-2-card-img5{
	background-image: url(https://1drv.ms/i/c/eac5e785131f20a5/IQSYlq-a9B3WSKCrDvYmSx29AbZyEXmnSLvvf5qjOj6s6Kw?width=1024);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 320px;
	}
/* xxxxxxx explorar 2 imgs xxxxxxxx *






/* xxxxxxx explorar card img xxxxxxxx */
/* xxxxxxx section explorar xxxxxxxx */
/* xxxxxxxxxxxxxxx */