#circle-container-2nd{
	overflow: visible;
	width:40vw;
	height: 40vw;
	max-width:70vh;
	max-height:70vh;
	transform: rotate(-45deg);	
	animation: grow-and-speen-45 0.5s ease-in-out;
}

#circle-container-2nd .text-wrapper-2nd {	
	/* background: var(--gradient2); */
	position: absolute;
	height: 100%;
	width:100%;
	display: flex;
    justify-content: center;
	border-radius: 50%;	
	transition:width 0.2s, height 0.2s, transform 0.2s ease-in;
}
#circle-container-2nd .text-wrapper-2nd:hover{
	cursor:pointer;
	height: 110%;
	width:110%;
	box-shadow: 0 0 15px -5px rgba(0,0,0,0.5);

}

#circle-container-2nd .text-wrapper-2nd-clicked{
	cursor:pointer;
	/* background: var(--color2); */
	height: 110%;
	width:110%;
	box-shadow: 0 0 15px -5px rgba(0,0,0,0.5);;
}

#circle-container-2nd .inner-circle-2nd{
	transform: rotate(45deg);
	/* display: none !important; */
	height: 80%;
    width: 80%;
    position: absolute;
    z-index: 100;
    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%);
}
#circle-container-2nd .inner-circle-2nd,.inner-circle-2nd>div,.inner-circle-2nd>div>div,.inner-circle-2nd>div>div,.inner-circle-2nd>div>div>div{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}
#circle-container-2nd .inner-circle-2nd>div{
	width:80%;
	height: 80%;	
}
#circle-container-2nd .inner-circle-2nd>div>div{
	width:90%;
	height: 90%;
	background: rgb(204,204,204);
	background: linear-gradient(139deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
}
#circle-container-2nd .inner-circle-2nd>div>div>div{
	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;
}
#matrices-tabs-wrapper{
	/* background: #222; */
	clip-path: var(--angle90);
	position: absolute;
	height: 100%;
	width: 100%;
	top:0;
	transform-origin: bottom center;
	display: flex;
	border-radius: 50%;
	align-items: center;
    justify-content: space-evenly;
	opacity:0;
	overflow: hidden;
	/* z-index: -2; */
	transition: all 0.2s ease-in;
}
#matrices-tabs-wrapper div{
	/* background: var(--gradient2); */
	position: absolute;
	height: 50%;
	width:18%;
	clip-path: var(--angle22);
	top:0;
	transform-origin: bottom center;
	text-align: center;
	font-size: 1vw;
	padding:1.4vw 10px;
	line-height: 100%;
	/* z-index:-2; */
}
.matrices-tabs-hovered{
	top:-15% !important;
	height: 130% !important;
	width: 130% !important;
	opacity:1 !important;	
}
#matrices-tabs-wrapper div:hover{
	cursor: pointer;
}

.chars-2nd, .chars-3rd{
	height: 50%;
	position: absolute;
	transform-origin: bottom center;
	top: 0;
	line-height: 0;
	
}
.chars-2nd{
	padding-top: 2vw;	
	font-size: 2vw;
}

.flipped-title .chars-2nd{
	padding-top: 1.8vw;
}