#container{
	width:90%;
	display: flex;
	align-items: center;
    justify-content: space-around;	
}

.circle-1st{
	position: relative;
	width:20vw;
	height:20vw;
	border-radius: 50%;
	background: rgb(186,186,186);
	background: linear-gradient(328deg, rgba(186,186,186,1) 12%, rgba(252,252,252,1) 68%, rgba(255,255,255,1) 100%);
	animation: grow 0.5s ease-in-out;
}


.flipped-1st p{
	transform:scaleY(-1);
}
.circle-1st,
.circle-1st>.inner-1st,
.inner-1st>div,
.inner-1st>div>div{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}
.circle-1st>.inner-1st{
	width:100%;
	height: 100%;
	
	
}
.circle-1st:hover>.inner-1st>div{
	width:60%;
	height: 60%;
	cursor: pointer;
}

.circle-1st:hover>.inner-1st>div>div{
	font-size: 2.2vw;
}
.circle-1st>.inner-1st>div{
	transition: all 0.2s ease-in;
	width:88%;
	height: 88%;
	background: rgb(204,204,204);
	background: linear-gradient(139deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
}
.circle-1st>.inner-1st>div>div{
	
	transition: all 0.2s ease-in;
	width:95%;
	height: 95%;
	background: rgb(186,186,186);
	background: linear-gradient(328deg, rgba(186,186,186,1) 12%, rgba(252,252,252,1) 68%, rgba(255,255,255,1) 100%);
	text-align: center;
	font-size: 2vw;
	color:#8F8F8F;
}

.circle-1st:nth-child(1)>.inner-1st{
	background: #222;
	background: var(--gradient1);
}
.circle-1st:nth-child(2)>.inner-1st{
	background: #222;
	background: var(--gradient2);
}
.circle-1st:nth-child(3)>.inner-1st{
	background: #222;
	background: var(--gradient3);
}


.back-text{
	position: absolute;
    width: 130%;
    height: 130%;
    z-index: -1;
    clip-path: var(--angle45);
	display: flex;
    justify-content: center;
	border-radius: 50%;
}

.back-text .chars-1st{
	/* background-color: rgba(255,255,255,0.3); */
	height: 50%;
	position: absolute;
	color:#222;
	transform-origin: bottom center;
	top:1vw ;
	font-size: 0.8vw;
	min-width:0.1vw;
	
}


.circle-1st:nth-child(1)>.back-text{
	background: #222;
	background: var(--color1b);
}
.circle-1st:nth-child(2)>.back-text{
	background: #222;
	background: var(--color2b);
}
.circle-1st:nth-child(3)>.back-text{
	background: #222;
	background: var(--color3b);
}