@charset "utf-8";

:root {
	--theme-bg:#282828;
	--theme-color:#fff;
	--theme-a-color:#333;
	--theme-scolor:#f30;
	--theme-a-active-color:#000;
	--content-color:#f1f1f1;
	--speline-color:#525252;
	--spe-color:#bbb;
	--common-color:#000;
}

body{
	margin:0 auto;
	padding:0;
	width:100%;
	height:auto;
	min-height:100%;
	position:relative;
	background:var(--theme-bg);
	overflow-x:hidden;
}

body.home-page{
	display:flex;
	flex-flow:column nowrap;
	justify-content:space-between;
	align-content:center;
	align-items:center;
}

body.search-bg{
	background:var(--theme-color);
}

body.search-bg .header{
	box-shadow:0 0 0.25rem 0.05rem #ccc;
}

body.search-bg .footer{
	box-shadow:0 0 0.25rem 0.05rem #ccc;
}

body.search-bg .mmenu{
	top:2.4rem!important;
	box-shadow:0 0 0.25rem 0.05rem #ccc;
}

.height-100p{
	height:100%!important;
	overflow:hidden!important;
}

.height-100p-v{
	height:100%!important;
	overflow:unset!important;
	overflow-x:hidden!important;
}

.flex-column-center{
	display:flex!important;
	flex-flow:column nowrap;
	justify-content:center;
	align-content:center;
	align-items:center;
}

.flex-row-space-between{
	display:flex!important;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-content:center;
	align-items:center;
}

.flex-start{
	align-items:flex-start;
}

/**
 * common
 */
p{
	width:auto;
	height:auto;
	line-height:150%;
}

.left{
	text-align:left!important;
}

.pady{
	padding-top:.25rem;
	padding-bottom:.25rem;
}

[layout-text]{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
}

[layout-text]::before{
	padding:0 .5rem 0 0;
	content:attr(layout-text);
	font-size:.8rem;
	font-weight:bold;
}

.ftitle::before{
	width:3.5rem;
	text-align:right;
	flex-shrink:0;
}

.fcontent{
	padding-left:3.5rem;
}

.flogo{
	padding-bottom:.6rem;
}

[layout-text] a{
	margin:0;
}

.padt-10{
	padding-top:.5rem;
}

.padt-15{
	padding-top:.75rem;
}

.padt-20{
	padding-top:1rem;
}

.line-bottom{
	border-bottom:.05rem solid var(--speline-color);
}

/**
 * home
 */
.core-set{
	margin:0 auto;
	padding:.5rem;
	position:relative;
	width:0;
	height:0;
	min-width:0;
	min-height:0;
	max-width:0;
	max-height:0;
	/*width:17rem;
	height:17rem;
	max-width:17rem;
	max-height:17rem;
	min-width:17rem;
	min-height:17rem;*/
	background:none!important;
	border-radius:17rem;
	border-width:.075rem;
	border-style:solid;
	border-color:var(--common-color);
	/*box-shadow:0 0 .05rem .05rem var(--speline-color) inset;*/
	box-shadow:
		inset 0 .05rem .05rem #3498db,  /* 上边框：蓝色 */
		inset .05rem 0 .05rem #2ecc71,  /* 右边框：绿色 */
		inset 0 -.05rem .05rem #e74c3c,  /* 下边框：红色 */
		inset -.05rem 0 .05rem #f1c40f;  /* 左边框：黄色 */
	animation:spread 1s linear 1 forwards 0s, randomshadow 2s ease-in-out infinite 1s;
	text-align:center;
	color:var(--theme-color);
	font-size:.8rem;
	overflow:hidden;
}

.core-set::before{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	margin:-2.5% auto auto -2.5%;
	display:block;
	width:5%;
	height:5%;
	background:rgba(255, 255, 255, .6);
	border-radius:100%;
	z-index:10;
	overflow:hidden;
}

/*.core-set::after{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	margin:-17.5% auto auto -17.5%;
	display:block;
	width:35%;
	height:35%;
	background:none;
	border:.05rem solid var(--common-color);
	box-shadow:
		inset 0 .05rem .05rem #3498db,
		inset .05rem 0 .05rem #2ecc71,
		inset 0 -.05rem .05rem #e74c3c,
		inset -.05rem 0 .05rem #f1c40f;
	border-radius:100%;
	animation:rotation 3s linear infinite 1.5s;
	z-index:0;
	overflow:hidden;
}*/

.core-set>.core-set-chain{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	margin:-17.5% auto auto -17.5%;
	display:block;
	width:35%;
	height:35%;
	background:none;
	border:.05rem solid var(--common-color);
	box-shadow:
		inset 0 .05rem .05rem #3498db,  /* 上边框：蓝色 */
		inset .05rem 0 .05rem #2ecc71,  /* 右边框：绿色 */
		inset 0 -.05rem .05rem #e74c3c,  /* 下边框：红色 */
		inset -.05rem 0 .05rem #f1c40f;  /* 左边框：黄色 */
	border-radius:100%;
	animation:rotation 3s linear infinite 2s;
	z-index:0;
	overflow:hidden;
}

.core-set>.core-set-chain::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:18.5%;
	height:18.5%;
	background:rgba(255, 255, 255, .6);
	z-index:5;
	overflow:hidden;
}

.core-set>.core-text{
	position:absolute;
	top:38%;
	left:50%;
	margin:0 auto 0 -35%;
	/*width:min-content;*/
	width:70%;
	background:none;
	line-height:150%;
	text-shadow:.1rem .15rem .05rem var(--common-color);
	animation:expandtext 10s linear infinite 1.5s;
	white-space:nowrap;
	z-index:8;
	overflow:hidden;
}

.core-set-item{
	position:absolute;
	width:42%;
	height:42%;
	line-height:12;
	background:var(--theme-bg);
	border:.075rem solid var(--common-color);
	border-radius:100%;
	font-size:.7rem;
	z-index:9;
}

.core-set-item::before{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	margin:-3.5% auto auto -3.5%;
	display:block;
	width:7%;
	height:7%;
	background:rgba(255, 255, 255, .6);
	border-radius:100%;
	z-index:10;
	overflow:hidden;
}

.core-set-item::after{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:.05rem;
	height:0;
	display:block;
	background:rgba(255, 255, 255, .6);
	z-index:0;
	overflow:hidden;
}

.core-set-item.core-lussa-sor{
	margin:0 auto auto -21%;
	top:-6%;
	left:50%;
	line-height:12.5;
	background:#06c url(../images/lussa-sor.png) center 35% no-repeat;
	background-size:auto 28%;
	box-shadow:0 0 .05rem .05rem #3498db inset;
	animation:fadein_sor .8s linear;
}

.core-set-item.core-lussa-sor::before{
	margin-top:23%;
}

.core-set-item.core-lussa-sor::after{
	margin-left:-.025rem;
	margin-top:30%;
	animation:spread_lines_t .5s linear forwards 1s;
}

.core-set-item.core-lussa-bone{
	bottom:6%;
	left:6%;
	background:#090 url(../images/lussa-bone.png) center 23% no-repeat;
	background-size:auto 28%;
	box-shadow:0 0 .05rem .05rem #2ecc71 inset;
	animation:fadein_bone .8s linear;
}

.core-set-item.core-lussa-bone::before{
	margin-top:-7%;
}

.core-set-item.core-lussa-bone::after{
	margin-left:51%;
	margin-top:-51%;
	transform-origin:top;
	animation:spread_lines_bl .5s linear forwards 1.5s;
}

.core-set-item.core-lussa-fr{
	bottom:6%;
	right:6%;
	background:#f36 url(../images/lussa-fr.png) center 23% no-repeat;
	background-size:auto 28%;
	box-shadow:0 0 .05rem .05rem #ff88a6 inset;
	animation:fadein_fr .8s linear;
}

.core-set-item.core-lussa-fr::before{
	margin-top:-7%;
}

.core-set-item.core-lussa-fr::after{
	margin-left:-51%;
	margin-top:-51%;
	transform-origin:top;
	animation:spread_lines_br .5s linear forwards 1.5s;
}

.tech-support{
	margin:0 auto;
	padding:2rem 0 0 0;
	width:0;
	height:auto;
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	align-content:center;
	align-items:center;
	background:none;
	animation:spread_logos .5s linear forwards 1.5s;
	overflow:hidden;
}

.tech-support>.support-item{
	margin:0;
	width:4rem;
	height:2rem;
}

.tech-support>.support-item.lussa{
	width:5.5rem;
	background:url(../images/logo-lussa.png) center center no-repeat;
	background-size:auto 2rem;
}

.tech-support>.support-item.feidu{
	background:url(../images/logo-feidu.png) center center no-repeat;
	background-size:auto 2rem;
}

.tech-support>.support-item.youma{
	background:url(../images/logo-youma.png) center center no-repeat;
	background-size:auto 2rem;
}

/**
 * header
 */
.header{
	margin:0 auto;
	padding:0.5rem 0;
	position:sticky;
	top:0;
	left:0;
	width:100%;
	height:2.8rem;
	background:var(--theme-color);
	text-align:center;
	z-index:100;
}

.header>.header-items{
	margin:0 auto;
	width:90%;
	height:100%;
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
}

.header>.header-items .item{
	position:relative;
	margin:0;
	height:100%;
	line-height:1.8rem;
	font-size:.7rem;
}

.header>.header-items .item.logo{
	width:6rem;
	flex-shrink:0;
	background:url(../images/logo-heroidea.png) left center no-repeat;
	background-size:auto 1.8rem;
	overflow:hidden;
}

.header>.header-items .item.item-menu{
	width:100%;
	flex-shrink:1;
}

.header>.header-items .item.item-menu>.menu{
	padding:0 1rem;
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	align-content:center;
	align-items:center;
}

.header>.header-items .item.item-menu .mitem{
	position:relative;
	margin:0 1rem;
	width:max-content;
	/*min-width:2rem;
	flex-shrink:0;*/
	height:1.8rem;
	font-size:.8rem;
}

.header>.header-items .item.item-menu .mitem>a{
	display:block;
	width:100%;
	min-width:2rem;
	height:1.8rem;
	overflow:hidden;
}

.header>.header-items .item.item-menu .mitem::after{
	content:'';
	position:absolute;
	margin:0 auto;
	top:2.3rem;
	left:0;
	width:100%;
	height:.1rem;
	background:none;
	transition:transform .3s ease-in-out;
	transform:scaleX(0);
	transform-origin:center;
}

.header>.header-items .item.item-menu .mitem.active::after,
.header>.header-items .item.item-menu .mitem:hover::after{
	transform:scaleX(1);
	background:var(--theme-scolor);
}

.header>.header-items>.shopcart-a{
	margin:0 0 0 1.5rem;
}

.header>.header-items .item.shopcart{
	width:max-content;
	flex-shrink:0;
	font-family:'LussaFont-Icon';
}

.header>.header-items .item.shopcart::before{
	content:'\e608';
	font-size:1.3rem;
}

.header>.header-items>.search-a{
	margin:0 0 0 1.5rem;
}

.header>.header-items .item.search{
	width:max-content;
	flex-shrink:0;
	font-family:'LussaFont-Icon';
}

.header>.header-items .item.search::before{
	content:'\e70b';
	font-size:1rem;
	font-weight:bold;
}

.header>.header-items .item.item-mmenu{
	margin:0 0 0 1.5rem;
	display:none;
	width:max-content;
	flex-shrink:0;
	font-family:'LussaFont-Icon';
}

.header>.header-items .item.item-mmenu::before{
	content:'\e731';
	font-size:1.2rem;
	font-weight:bold;
}

.header>.header-items .item.item-mmenu>.mmenu{
	display:none;
	font-family:'LussaFont-Icon';
}

.header>.header-items .item.item-mmenu>.mmenu{
	position:absolute;
	top:2.3rem;
	right:-.5rem;
	padding:.25rem .5rem;
	width:max-content;
	min-width:100%;
	height:auto;
	min-height:100%;
	background:var(--theme-color);
}

.header>.header-items .item.item-mmenu:focus-within>.mmenu{
	display:unset;
	border-radius:0 0 0 .25rem;
	font-size:.7rem;
}

.header>.header-items .item.item-mmenu>.mmenu>.mmitem{
	margin:0 auto;
	height:1.8rem;
	line-height:1.8rem;
	border-bottom:.05rem solid #ddd;
}

.header>.header-items .item.item-mmenu>.mmenu>.mmitem:last-child{
	border:0;
}

.header>.header-items a{
	margin:0;
	height:100%;
	color:var(--theme-a-color);
}

.header>.header-items a:visited{
	color:var(--theme-a-color);
}

.header>.header-items a:hover{
	color:var(--theme-a-active-color);
}

.mmitem.active a,
.mmitem.active a:visited{
	color:var(--theme-scolor);
}

/**
 * container
 */
.container{
	margin:0 auto;
	padding:1.5rem 0;
	position:relative;
	width:90%;
	min-width:15rem;
	height:max-content;
	font-size:.7rem;
	color:var(--content-color);
	flex-shrink:1;
}

.container.width-50p{
	width:50%;
}

.container.width-auto{
	width:max-content;
	white-space:normal;
	word-break:break-all;
}

.container a{
	color:var(--content-color);
	text-decoration:none;
}

.container a:visited{
	color:var(--content-color);
	text-decoration:none;
}

.container a:hover{
	color:var(--theme-color);
	text-decoration:none;
}

.container p {
	line-height:180%;
}

/**
 * about
 */
.about{
	display:flex;
	flex-flow:row nowrap;
	align-content:center;
	align-content:center;
}

.about>.local{
	width:13rem;
	flex-shrink:0;
}

.about>.local>img{
	width:13rem;
	height:auto;
	border-radius:.25rem;
	overflow:hidden;
}

.about>.intro{
	padding:0 0 0 1.3rem;
	width:100%;
	min-width:8rem;
	flex-shrink:1;
	text-align:left;
	line-height:150%;
}

.about>.intro .spacey{
	padding:.8rem 0 0 0;
}

/**
 * products
 */
.grid-list{
	margin:0 auto;
	width:100%;
	height:auto;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-content:center;
	align-items:center;
	overflow:hidden;
}

.grid-list>.grid-list-item{
	margin:.5rem auto;
	padding:0 .8rem .8rem .8rem;
	position:relative;
	width:100%;
	height:auto;
	min-width:10rem;
	min-height:3rem;
	background:rgba(255, 255, 255, .1);
	list-style:none outside;
	border-radius:1rem .25rem;
	border:.05rem solid var(--common-color);
	box-shadow:0 0 .05rem .05rem var(--speline-color) inset;
	overflow:hidden;
}

.grid-list>.grid-list-item.item{
	padding:0 .8rem .8rem 4.5rem;
	min-height:8rem;
}

.grid-list>.grid-list-item.item::before{
	content:'';
	position:absolute;
	top:-4rem;
	left:-5rem;
	display:block;
	width:10rem;
	height:8rem;
	background:var(--theme-color);
	border:.05rem solid var(--common-color);
	border-radius:5rem;
	z-index:99;
}

.grid-list>.grid-list-item.item.lussa-bone::before{
	background:#090 url(../images/lussa-bone.png) .7rem .8rem no-repeat;
	background-size:2.3rem auto;
	box-shadow:0 0 .05rem .05rem #2ecc71 inset;
}

.grid-list>.grid-list-item.item.lussa-sor::before{
	background:#06c url(../images/lussa-sor.png) .7rem .8rem no-repeat;
	background-size:2.3rem auto;
	box-shadow:0 0 .05rem .05rem #3498db inset;
}

.grid-list>.grid-list-item.item.lussa-fr::before{
	background:#f36 url(../images/lussa-fr.png) .7rem .8rem no-repeat;
	background-size:2.3rem auto;
	box-shadow:0 0 .05rem .05rem #ff88a6 inset;
}

.grid-list>.grid-list-item.item::after{
	content:'';
	position:absolute;
	top:0rem;
	left:0rem;
	display:block;
	width:5rem;
	height:4rem;
	background-size:2.3rem auto;
	line-height:4rem;
	text-align:center;
	z-index:99;
}

.grid-list>.grid-list-item.item.lussa-bone::after{
	background:url(../images/lussa-bone.png) .7rem .8rem no-repeat;
	background-size:2.3rem auto;
}

.grid-list>.grid-list-item.item.lussa-sor::after{
	background:url(../images/lussa-sor.png) .7rem .8rem no-repeat;
	background-size:2.3rem auto;
}

.grid-list>.grid-list-item.item.lussa-fr::after{
	background:url(../images/lussa-fr.png) .7rem .8rem no-repeat;
	background-size:2.3rem auto;
}

.grid-list>.grid-list-item>.title{
	padding:.8rem 0 .8rem 0;
	font-size:.9rem;
	color:#eee;
	text-shadow:.1rem .15rem .05rem var(--common-color);
	text-align:left;
}

.grid-list>.grid-list-item.item>.title{
	padding:.8rem 0 .8rem 1.3rem;
}

.grid-list>.grid-list-item>.intro{
	color:#ccc;
	text-align:left;
	line-height:180%;
}

.grid-list>.grid-list-item.item>.intro{
	padding:0 0 0 1.3rem;
}

.grid-list>.grid-list-item>.intro[data-text]::before{
	content:attr(data-text)'：';
	color:#eee;
	font-weight:bold;
}

.grid-list>.grid-list-item .more{
	margin:.8rem 0 0 0;
	padding:.25rem .8rem;
	width:max-content;
	height:1.8rem;
	line-height:1.2rem;
	border-radius:.25rem;
	border:.05rem solid var(--common-color);
	box-shadow:0 0 .05rem .05rem var(--speline-color) inset;
	transition:.2s ease-in-out;
	overflow:hidden;
}

.grid-list>.grid-list-item>a{
	margin:0 0 0 1.3rem;
	display:block;
	width:max-content;
}

.grid-list>.grid-list-item>a:hover .more{
	color:var(--theme-color);
	border-radius:1.8rem;
}

.grid-list>.grid-list-item>a:hover .more::after{
	content:'...';
}

/**
 * solutions
 */
.solutions-table{
	margin:0 auto;
	padding:.25rem .6rem;
	position:sticky;
	top:2.8rem;
	left:0;
	width:100%;
	height:2rem;
	background:var(--theme-bg);
	border:.05rem solid var(--common-color);
    box-shadow:0 0 .05rem .05rem var(--speline-color) inset;
    border-radius:.15rem;
    display:flex;
    flex-flow:row nowrap;
    justify-content:center;
    align-items:center;
    align-content:center;
    font-size:.8rem;
	z-index:9;
	overflow:hidden;
}

.solutions-table>.table-title{
	margin:0 .4rem;
	padding:.15rem 0;
	width:auto;
	height:100%;
	line-height:1.1rem;
	border-bottom:.1rem solid transparent;
	cursor:pointer;
}

.solutions-table>.table-title.active,
.solutions-table>.table-title:hover{
	border-color:#fff;
}

.solutions-contents{
	margin:.8rem auto auto auto;
	padding:.25rem .8rem .8rem .8rem;
	width:100%;
	height:auto;
	background:rgba(255, 255, 255, .1);
	border-radius:.1rem;
	font-size:.7rem;
	line-height:180%;
	text-align:left;
	color:var(--spe-color);
}

.solutions-contents>.contents-title::before{
	content:attr(data-text);
	padding:.75rem 0 .25rem 0;
	width:100%;
	display:block;
	border-bottom:.025rem solid var(--speline-color);
	/*text-align:center;*/
	font-size:.8rem;
	color:var(--theme-color);
	overflow:hidden;
}

.solutions-contents>.contents-title>p:first-child{
	margin:.5rem auto 0 auto;
}

.solutions-contents>.contents-title>p{
	line-height:180%;
	text-indent:1.4rem;
}



/**
 * Heroidea Labs
 */
.heroidea-labs-logo::before{
	content:'';
	padding-bottom:.6rem;
}

/**
 * nav
 */
.nav{
	margin:0 auto;
	padding:0 0 .6rem 0;
	width:100%;
	height:1.6rem;
	line-height:1rem;
	display:flex;
	flex-flow:row nowrap;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:var(--spe-color);
	overflow:hidden;
}

.nav>.nav-item{
	margin:0;
	width:min-content;
	height:100%;
}

.nav>.nav-item:first-child::before{
	content:'';
	margin:0 .5rem 0 0;
	width:0;
	height:100%;
	border-right:.2rem solid var(--spe-color);
}

.nav>.nav-item:not(:last-child)::after{
	content:'/';
	padding:0 .25rem;
}

/**
 * footer
 */
.footer{
	margin:0 auto;
	padding:.6rem 0;
	width:100%;
	background:var(--theme-color);
	color:var(--theme-a-color);
}

.footer>p{
	line-height:150%;
}

.footer>p.copyrights{
	padding:.25rem 0;
}

.footer a:link{
	color:var(--theme-a-color);
	text-decoration:none;
}

.footer a:visited{
	color:var(--theme-a-color);
	text-decoration:none;
}

.footer a:hover{
	color:var(--theme-a-active-color);
	text-decoration:none;
}

/**
 * back-to-top
 */
.back-to-top{
	padding:.25rem;
	position:fixed;
	right:.5rem;
	bottom:6rem;
	width:2.1rem;
	height:2.1rem;
	background:rgba(255, 255, 255, .1);
	border:.05rem solid var(--common-color);
	border-radius:.25rem;
	box-shadow:0 0 .05rem .05rem var(--speline-color) inset;
	text-align:center;
	font-family:'LussaFont-Icon';
	font-size:.7rem;
	color:var(--spe-color);
	cursor:pointer;
	display:none;
	z-index:9;
	overflow:hidden;
}

.back-to-top.show{
	display:block;
	animation:fadeInUp 0.5s ease forwards;
}

.back-to-top::before{
	content:'\e668';
	display:block;
	width:100%;
}

.back-to-top::after{
	width:100%;
	content:'TOP';
	font-size:.6rem;
}

/**
 * animation
 */
@keyframes expandtext{
	0% {letter-spacing:-17px;filter:blur(5px);}
	10% {letter-spacing:0;filter:blur(0px);}
	100% {letter-spacing:0;filter:blur(0px);}
}

@keyframes rotation{
	from {
		transform:rotate(0deg);
	} to {
		transform:rotate(360deg);
	}
}

@keyframes fadein_sor{
	from {
		top:-42%;
		opacity:0;
	} to {
		top:-6%;
		opacity:1;
	}
}

@keyframes fadein_bone{
	from {
		bottom:-42%;
		left:-42%;
		opacity:0;
	} to {
		bottom:6%;
		left:6%;
		opacity:1;
	}
}

@keyframes fadein_fr{
	from {
		bottom:-42%;
		right:-42%;
		opacity:0;
	} to {
		bottom:6%;
		right:6%;
		opacity:1;
	}
}

@keyframes spread{
	from {
		width:0;
		height:0;
		min-width:0;
		min-height:0;
	} to {
		width:17rem;
		height:17rem;
		min-width:17rem;
		min-height:17rem;
	}
}

@keyframes spread_logos{
	from {
		width:0;
	} to {
		/*width:100%; 不同的宽度导致动画时长不一，采用固定值*/
		width:15rem;
	}
}

@keyframes spread_lines_t{
	from {
		height:0;
	} to {
		height:49%;
	}
}

@keyframes spread_lines_bl{
	from {
		height:0;
		transform:rotate(137deg);
	} to {
		height:66%;
		transform:rotate(47deg);
	}
}

@keyframes spread_lines_br{
	from {
		height:0;
		transform:rotate(-137deg);
	} to {
		height:66%;
		transform:rotate(-47deg);
	}
}

@keyframes randomshadow{
	0%,100% {
		box-shadow: 
			inset 0 0.05rem 0.1rem rgba(52, 152, 219, 0.5),
			inset 0.05rem 0 0.1rem rgba(46, 204, 113, 0.5),
			inset 0 -0.05rem 0.1rem rgba(231, 76, 60, 0.5),
			inset -0.05rem 0 0.1rem rgba(241, 196, 15, 0.5);
		filter:brightness(1) saturate(1);
	}
	50% {
		box-shadow:
			inset 0 0.05rem 0.1rem rgba(52, 152, 219, 1),
			inset 0.05rem 0 0.1rem rgba(46, 204, 113, 1),
			inset 0 -0.05rem 0.1rem rgba(231, 76, 60, 1),
			inset -0.05rem 0 0.1rem rgba(241, 196, 15, 1);
		filter:brightness(1.3) saturate(1.5);
	}
}

@keyframes fadeInUp{
	from {
		opacity:0;
		transform:translateY(1rem);
	}
	to {
		opacity:1;
		transform:translateY(0);
	}
}