:root {
	--color-primario: #C53EB2;
	--color-secundario: #1A1A1A;

	--color-aprobado: #40BA5B;
	--color-error: #FC0000;

	--transition150: all 150ms;
	--transition300: all 300ms;
}


* {
	box-sizing: border-box;
	text-decoration: none;
	font-family: 'Sedgwick Ave', cursive;
	/* font-family: 'Ubuntu', sans-serif; */
}


/* NEW CODE 5 FEB 2025 */
.concert {position: fixed; z-index: 99; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.8); display: flex; justify-content: center; align-items: flex-start; }
.concert {animation: concert .8s forwards; animation-delay: 2.2s; opacity: 0;}
@keyframes concert {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.concert-wrap {border-radius: 0px 0px 40px 40px; overflow: hidden; width: 88%; height: 80%; transition: .2s .2s;}
.concert-wrap {animation: concert-wrap 1.4s forwards; animation-delay: 2.4s; transform: translateY(-1500px);}
@keyframes concert-wrap {
	0% {transform: translateY(-1500px);}
	100% {transform: translateY(0px);}
}
.ico-d0pki {color: white; position: fixed; bottom: 30px; font-size: 50px; cursor: pointer;}
.popOff {animation: pop1 .4s forwards; animation-delay: .3s; opacity: 1;}
@keyframes pop1 {
	0% {opacity: 1;}
	100% {opacity: 0; visibility: hidden;}
}
.popintOff {animation: pop2 .4s forwards;}
@keyframes pop2 {
	0% {transform: translateY(0px);}
	100% {transform: translateY(-1500px);}
}
/* NEW CODE 5 FEB 2025 */



img {
	width: 100%;
	display: block;
	margin: none;
	transition: var(--transition150);
}

body {
	margin: 0;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.2;
	background: black;
}






.cl-normal {
	background-colors: #999;
	width: 1200px;
	margin: auto;
}


.bg-img {
	width: 100%;
height: 100vh;
overflow: hidden;
transform: scale(1);
position: fixed;
opacity: 0;

animation: bg-img 100s linear infinite;
animation-delay: .5s;
}
@keyframes bg-img {
	0% {transform: scale(1); opacity: 0;}
	1% {transform: scale(1); opacity: 1;}
	50% {transform: scale(1.3); opacity: 1;}
	100% {transform: scale(1); opacity: 1;}
}
.vd-img {
	width: 100%;
height: 100vh;
overflow: hidden;
position: fixed;
mix-blend-mode: screen;
opacity: 0;

animation: vid 2s forwards;
animation-delay: s;
}
@keyframes vid {
	0% { opacity: 0; }
	100% { opacity: .4; }
}

.img-int {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.vd-int {
	width: 100%;
	height: 110%;
	top: -27px;
	position: absolute;
	object-fit: cover;
	object-position: center;
}
.sombra {
	width: 100%;
height: 100vh;
background: rgba(26,26,26,0.9);
position: fixed;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
mix-blend-mode: multiply;
}



/* SECCIONES */
.intro {
	width: 100%;
height: 100vh;
position: absolute;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;

animation: int .3s forwards;
animation-delay: 1.6s;
}
.menu {
	width: 100%;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	margin: -60px 0px 0px 0px;

animation: int .8s forwards;
animation-delay: 2s;
}
@keyframes int {
	0% {opacity: 0; margin: -60px 0px 0px 0px;}
	100% {opacity: 1; margin: 0px 0px 0px 0px;}
}


main {
	opacity: 0;
	transform: translateY(60px);
	
	animation: intmn .6s forwards;
	animation-delay: 2.3s;
}
@keyframes intmn {
	0% {opacity: 0; transform: translateY(60px);}
	100% {opacity: 1; transform: translateY(0px);}
}

.wrap-main {
	display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
width: 360px;
color: white;
font-size: 144px;
transform: scale(.82);
cursor: pointer;
transition: var(--transition300);


animation: intro 2.5s infinite;
}
@keyframes intro {
	0% {transform: scale(.82);transition:}
	50% {transform: scale(.75);transition:}
	100% {transform: scale(.82);transition:}
}

.wrap-main:hover {
animation: both;
color: #F4DBE8;
}
.wrap-main:hover .icodjd {
text-shadow: 0px 0px 10px var(--color-primario), 
	0px 0px 40px var(--color-primario),
	0px 0px 70px var(--color-primario),
	0px 10px 100px var(--color-primario);
}
.carnero {
	width: 72%;
	transition: var(--transition300);
}
.icodjd {
	margin: -83px 0px 0px 0px;
	transition: var(--transition300);
}


.menu-int {
	width: 400px;
	height: ;
}
.view {
	width: 170px;
	position: fixed;
	left: 0;
	right: 0;
	bottom: -100px;
	margin: auto;
}
.espejo {
	width: 100%;
	height: 560px;
	overflow: hidden;
	margin: 0px 0px 80px 0px;
}

.wrap-menu-home {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;

	margin: -480px 0px 0px 0px;
	position: relative;
}
.ico-icorint {
	color: white;
	font-size: 100px;
	margin: 0px 0px 10px 0px;
	text-shadow: 0px 0px 10px var(--color-primario), 
	0px 0px 40px var(--color-primario),
	0px 0px 40px var(--color-primario),
	0px 0px 40px var(--color-primario),
	0px 0px 40px var(--color-primario),
	0px 0px 70px var(--color-primario),
	0px 10px 100px var(--color-primario);
}
.bt-link {
	color: var(--color-primario);
	font-family: 'Ubuntu', sans-serif;
	margin: 5px 0px 20px 0px;
	font-size: 30px;
	font-weight: 500;
	transition: var(--transition300);
}
.bt-link:hover {
	color: white;
	transform: scale(1.03);
	text-shadow: 0px 0px 10px var(--color-primario), 
	0px 0px 40px var(--color-primario),
	0px 0px 40px var(--color-primario),
	0px 10px 100px var(--color-primario);
}

header {
	padding: 50px 0px;
	width: 100%;
	background: linear-gradient(
		to bottom,  
		rgba(0, 0, 0, 0.1), 
		rgba(0, 0, 0, 0)
	);	
	position: fixed;
	z-index: 8;
	display: flex;
	justify-content: center;

	opacity: 0;
	margin: -50px 0px 0px 0px;

	transition: var(--transition300);
	animation: hdr .4s forwards;
	animation-delay: 2.2s;
}
@keyframes hdr {
	0% {
		opacity: 0;
		margin: -50px 0px 0px 0px;
	}
	100% {
		opacity: 1;
		margin: 0px 0px 0px 0px;
	}
}
body.fixed header {
	padding: 20px 0px;
	background: linear-gradient(
		to bottom,  
		rgba(0, 0, 0, 0.9), 
		rgba(0, 0, 0, 0)
	);
}
body.fixed .logo-int {
	transform: scale(0.8);
}
body.fixed .bt-nav {
	color: var(--color-primario);
	font-size: 18px;
	transition: var(--transition300);
}
body.fixed .bt-nav:hover {
	color: white;
}
nav {
	width: 1200px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.logo-int {
	display: flex;
	flex-direction: column;
	width: 120px;
	align-items: center;
	transition: var(--transition300);
}
.icorhdr {
	color: white;
	font-size: 70px;
	margin: -47px 0px 0px 0px;

	text-shadow: 0px 0px 10px var(--color-primario), 
	0px 0px 40px var(--color-primario),
	0px 0px 40px var(--color-primario),
	0px 10px 100px var(--color-primario);
}
.bt-nav {
	color: var(--color-primario);
	font-size: 23px;
	transition: var(--transition300);
}
.bt-nav:hover {
	color: white;
	text-shadow: 0px 0px 10px var(--color-primario), 
	0px 0px 40px var(--color-primario),
	0px 0px 40px var(--color-primario),
	0px 10px 100px var(--color-primario);
}
.carnero-header {

}



.wrap-general {
	width: 100%;
	height: auto;
	border: 1px solid gray;
	background-color: rgba(255,255,255,.1);
	border-radius: 22px;
	position: relative;

	transform: translateY(110px);
	margin: 0px 0px 0px 0px;

	box-shadow: 0px 25px 51px -5px rgba(0, 0, 0, 0.65);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: space-between;;
	padding: 50px 45px 0px 45px;
}
.bt-back {
	color: #B6B6B6;
	font-family: 'Ubuntu', sans-serif;
	font-size: 30px;
	display: flex;
	align-items: center;
	width: 200px;
	margin: 40px 0px 30px 0px;
	cursor: pointer;
}
.bt-back:hover {
	color: white;
}
.ico-lght {
	font-size: 25px;
	margin: -1px 7px 0px 0px;
}
.wrap-content-music {
 width: 100%;

 display: flex;
 flex-wrap: wrap;
 align-items: flex-end;
 justify-content: space-between;
}
.content-music-left {
	width: 70%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.content-video {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.itemtrack {
	width: 94%;
	height: 115px;
	overflow: hidden;
	border-radius: 10px;
}
.wraprev {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	width: 47%;

	color: #BDBDBD;
	margin: 0px 0px 45px 0px;
}

.thereal {
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	font-size: 12px;
	font-family: 'Ubuntu', sans-serif;
	margin: 0px 0px 4px 0px;
}
.porta {
	width: 85px;
	border-radius: 10px;
	margin: 0px 10px 0px 0px;
	display: block;
	position: relative;
	z-index: 99;
}
.title-music {
	width: 100%;
	display: flex;
	align-items: flex-end;
	margin: 10px 0px 0px 0px;
	position: relative;
	color: var(--color-primario);
	font-size: 25px;
}
.fromt {

}

.byimg {
	width: 24%;
	position: sticky;
	bottom: 0px;
	transform: translateY(-40px);

	animation: img-lf 5s infinite;
}
@keyframes img-lf {
	0% {transform: translateY(-40px);}
	50% {transform: translateY(0px);}
	100% {transform: translateY(-40px);}
}




.itemvideo {
	width: 48%;
	margin: 0px 0px 45px 0px;
	
	transition: var(--transition300);
}
.itemvideo .title-music {
	color: #B6B6B6;
}
.itemvideo:hover .title-music {
	color: white;
	text-shadow: 0px 0px 10px var(--color-primario), 
	0px 0px 40px var(--color-primario),
	0px 0px 40px var(--color-primario),
	0px 10px 100px var(--color-primario);
}
.cap-img {
	width: 100%;
	height: 330px;
	border-radius: 22px;
	overflow: hidden;
}
.sombra-porta {
	position: relative;
	width: 92%;
	height: 289px;
	background-color: rgba(229,28,209, .4);
	margin: -310px auto 0px auto;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	font-size: 70px;
	color: white;
	opacity: 0;
	transition: var(--transition300);
}
.line-porta {
	width: 60px;
	height: 10px;
	display: block;
	background: white;
	border-radius: 20px;
	margin: -5px 0px 15px 17px;
	position: relative;
	transition: var(--transition300);
}
.itemvideo:hover .sombra-porta {
	opacity: 1;
}
.itemvideo:hover .line-porta {
	background: var(--color-primario);
	width: 100px;
}

.ico-clspop {
	font-size: 45px;
	color: white;
	position: fixed;
	top: 20px;
	right: 20px;
	opacity: 0;
	z-index: 7;

	animation: cls .4s forwards;
	animation-delay: 1s;
	transition: var(--transition300);
}
.ico-clspop:hover {
	color: var(--color-primario);
}
@keyframes cls {
	0% { opacity: 0; }
	100% {opacity: 1;}
}
.item-vidint {
	width: 1080px;
	height: 611px;
	border-radius: 32px;
	overflow: hidden;
	opacity: 0;

	box-shadow: 0px 0px 120px -20px var(--color-primario);
	animation: cls .4s forwards;
	animation-delay: 1s;
}

.wraprev2 {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	width: 100%;

	color: #BDBDBD;
	margin: 0px 0px 45px 0px;
}
.itemtrack2 {
	width: 100%;
	height: 115px;
	overflow: hidden;
	border-radius: 10px;
}


.bt-navmob {
	width: 60px;
	height: 60px;
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: 80px;
	left: 0;
	right: 0;
	margin: auto !important;
	opacity: 0;
	
	background: black;
	color: var(--color-primario);

	position: fixed;
	bottom: 20px;
	z-index: 5;
	transition: var(--transition150);

	animation: btnav .4s forwards;
	animation-delay: 2.2s;
}
@keyframes btnav {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.ico-hmgj {
	font-size: 30px;
}
.bt-navmob:hover {
	box-shadow: 0px 0px 40px -2px var(--color-primario);
	transform: scale(1.05);
}
.bt-navmob:active {
	box-shadow: 0px 0px 60px -2px var(--color-primario);
	transform: scale(.96);
	color: black;
	background: var(--color-primario);
}

.wrap-navmob {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	opacity: 0;

	animation: hdr .4s forwards;
	animation-delay: 1s;
}
.btlinkmob {
	color: white;
	text-align: center;
	font-size: 30px;
	margin: 20px 0px;
	transition: var(--transition150);
}
.btlinkmob:hover {
	text-shadow: 0px 0px 10px var(--color-primario), 
	0px 0px 40px var(--color-primario),
	0px 0px 40px var(--color-primario),
	0px 10px 100px var(--color-primario);
	transform: scale(1.04);
}


.wrap-content-plat {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.bt-plat {
	width: 18%;
	min-height: 62vh;
	border: 1px solid #BDBDBD;
	color: #BDBDBD;
	margin: 0px 0px 45px 0px;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 64px;
	padding: 45px 0px;
	transition: var(--transition300);
}
.tcint {
	opacity: 0;
	font-size: 0px;
	position: absolute;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	transition: var(--transition150);
	font-family: 'Ubuntu', sans-serif;
}
.bt-plat:hover {
	border: 4px solid #FFB0F4;
	color: white;
	font-size: 75px;

	text-shadow: 0px 0px 10px var(--color-primario), 
	0px 0px 40px var(--color-primario),
	0px 0px 40px var(--color-primario),
	0px 10px 100px var(--color-primario);
}
.bt-plat:hover .tcint {
	opacity: 1;
	font-size: 14px;
	font-weight: 800;
	margin: 0px 0px 150px 0px;
}

footer {
	font-family: 'Ubuntu', sans-serif;
	text-align: center;
	font-size: 15px;
	z-index: 3;
	position: relative;
	color: white;
	opacity: 0;
	margin: 170px 0px 40px 0px;
	animation: btnav .4s forwards;
	animation-delay: 2.2s;
}












body::-webkit-scrollbar {
	width: 15px; /* width of the entire scrollbar */
  }
  
  body::-webkit-scrollbar-track {
	background: var(--color-secundario); /* color of the tracking area */
  }
  
  body::-webkit-scrollbar-thumb {
	background: var(--color-primario); /* color of the scroll thumb */
	border-radius: 20px; /* roundness of the scroll thumb */
  /*  border: 3px solid orange;  /* creates padding around scroll thumb */*/
  }








































@media screen and (max-width: 1440px) {


	
.view {
	width: 170px;
	position: fixed;
	left: 0;
	right: 0;
	bottom: -170px;
	margin: auto;
}
	
.menu-int {
	width: 360px;
	height: ;
}


.espejo {
	width: 100%;
	height: 510px;
	overflow: hidden;
	margin: 0px 0px 80px 0px;
}

.wrap-menu-home {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;

	margin: -410px 0px 0px 0px;
	position: relative;
}
	


.bt-link {
	color: var(--color-primario);
	font-family: 'Ubuntu', sans-serif;
	margin: 5px 0px 12px 0px;
	font-size: 30px;
	font-weight: 500;
	transition: var(--transition300);
}
.bt-link:hover {
	color: white;
	transform: scale(1.03);
	text-shadow: 0px 0px 10px var(--color-primario), 
	0px 0px 40px var(--color-primario),
	0px 0px 40px var(--color-primario),
	0px 10px 100px var(--color-primario);
}


.ico-icorint {
	color: white;
	font-size: 75px;
	margin: 0px 0px 10px 0px;
	text-shadow: 0px 0px 10px var(--color-primario), 
	0px 0px 40px var(--color-primario),
	0px 0px 40px var(--color-primario),
	0px 0px 40px var(--color-primario),
	0px 0px 40px var(--color-primario),
	0px 0px 70px var(--color-primario),
	0px 10px 100px var(--color-primario);
}

.cl-normal {
	background-colors: #999;
	width: 84%;
	margin: auto;
}
nav {
	width: 84%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

}









































@media screen and (max-width: 1140px) {

.item-vidint {
	width: 80%;
	height: 500px;
	border-radius: 32px;
	overflow: hidden;
	opacity: 0;

	box-shadow: 0px 0px 120px -20px var(--color-primario);
	animation: cls .4s forwards;
	animation-delay: 1s;
}

.wraprev {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	width: 100%;

	color: #BDBDBD;
	margin: 0px 0px 45px 0px;
}

.bt-plat {
	width: 30%;
	min-height: 62vh;
	border: 1px solid #BDBDBD;
	color: #BDBDBD;
	margin: 0px 0px 45px 0px;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 64px;
	padding: 45px 0px;
	transition: var(--transition300);
}


}



















@media screen and (max-width: 940px) {


.itemvideo {
	width: 100%;
	margin: 0px 0px 45px 0px;
	
	transition: var(--transition300);
}
.byimg {display: none;}
.bt-nav {display: none;}

.content-music-left {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.item-vidint {
	width: 80%;
	height: 315px;
	border-radius: 32px;
	overflow: hidden;
	opacity: 0;

	box-shadow: 0px 0px 120px -20px var(--color-primario);
	animation: cls .4s forwards;
	animation-delay: 1s;
}
nav {
	width: 1200px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}


.wrap-main {
	display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
width: 280px;
color: white;
font-size: 90px;
transform: scale(.82);
cursor: pointer;
transition: var(--transition300);


animation: intro 2.5s infinite;
}
@keyframes intro {
	0% {transform: scale(.82);transition:}
	50% {transform: scale(.75);transition:}
	100% {transform: scale(.82);transition:}
}

.icodjd {
	margin: -54px 0px 0px 0px;
	transition: var(--transition300);
}

.carnero {
	width: 65%;
	transition: var(--transition300);
}

footer {
	font-family: 'Ubuntu', sans-serif;
	text-align: center;
	font-size: 15px;
	z-index: 3;
	position: relative;
	color: white;
	opacity: 0;
	margin: 170px 0px 100px 0px;
	animation: btnav .4s forwards;
	animation-delay: 2.2s;
}


.bt-navmob {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: 80px;
	left: 0;
	right: 0;
	margin: auto !important;
	opacity: 0;
	
	background: black;
	color: var(--color-primario);

	position: fixed;
	bottom: 20px;
	z-index: 5;
	transition: var(--transition150);

	animation: btnav .4s forwards;
	animation-delay: 2.2s;
}
@keyframes btnav {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.ico-hmgj {
	font-size: 30px;
}
.bt-navmob:hover {
	box-shadow: 0px 0px 40px -2px var(--color-primario);
	transform: scale(1.05);
}
.bt-navmob:active {
	box-shadow: 0px 0px 60px -2px var(--color-primario);
	transform: scale(.96);
	color: black;
	background: var(--color-primario);
}
.bt-plat {
	width: 45%;
	min-height: 42vh;
	border: 1px solid #BDBDBD;
	color: #BDBDBD;
	margin: 0px 0px 45px 0px;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 45px;
	padding: 45px 0px;
	transition: var(--transition300);
}

.tcint {
	opacity: 0;
	font-size: 0px;
	position: absolute;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	transition: var(--transition150);
}
.bt-plat:hover {
	border: 4px solid #FFB0F4;
	color: white;
	font-size: 55px;

	text-shadow: 0px 0px 10px var(--color-primario), 
	0px 0px 40px var(--color-primario),
	0px 0px 40px var(--color-primario),
	0px 10px 100px var(--color-primario);
}
.bt-plat:hover .tcint {
	opacity: 1;
	font-size: 13px;
	font-weight: 800;
	margin: 0px 0px 150px 0px;
	font-family: 'Ubuntu', sans-serif;
}


}

















@media screen and (max-width: 540px) {


.wrap-general {
	width: 100%;
	height: auto;
	border: 1px solid gray;
	background-color: rgba(255,255,255,.1);
	border-radius: 22px;
	position: relative;

	transform: translateY(110px);
	margin: 0px 0px 0px 0px;

	box-shadow: 0px 25px 51px -5px rgba(0, 0, 0, 0.65);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: space-between;;
	padding: 50px 22px 0px 22px;
}

.itemtrack {
	width: 90%;
	height: 115px;
	overflow: hidden;
	border-radius: 10px;
}

.cap-img {
	width: 100%;
	height: 225px;
	border-radius: 22px;
	overflow: hidden;
}


.menu-int {
	width: 310px;
	height: ;
}

.espejo {
	width: 100%;
	height: 440px;
	overflow: hidden;
	margin: 0px 0px 80px 0px;
}

.wrap-menu-home {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;

	margin: -370px 0px 0px 0px;
	position: relative;
}

	
.view {
	width: 170px;
	position: fixed;
	left: 0;
	right: 0;
	bottom: -260px;
	margin: auto;
}

.sombra-porta {
	position: relative;
	width: 92%;
	height: 204px;
	background-color: rgba(229,28,209, .4);
	margin: -216px auto 0px auto;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	font-size: 70px;
	color: white;
	opacity: 0;
	transition: var(--transition300);
}


}