#cs-s1 {
height: 200vh;
}

#cs-s1 .css1bx {
position:fixed;
width:100%;
height:100vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
overflow: hidden;
}

#cs-s1 .css1bx .x {
    height: 6vw;
    width: 6vw;
    z-index: 2;
}

#cs-s1 .css1bx .x path{
    stroke: white;
	stroke-width: 6;
}

.tx {
	font-family: "Matter",'sans-serif';
	fill: white;
	letter-spacing: -.06rem;
}

#cs-s1 .css1bx .x,
#cs-s1 .css1bx .cirtx {
position: fixed;
}

#cs-s1 .css1bx .cirtx {
    height: auto;
    transform-origin: center;
    width: 66%;
	-webkit-animation: flower 30s linear infinite;
    animation: flower 30s linear infinite;
	z-index:0;
}

@keyframes flower {
	0% {
		transform: rotate(0);
	}
	
	100% {
		transform: rotate(1turn);
	}
}


#cs-s1 .css1bx .midbx {
    height: 10vw;;
}

#cs-s1 .css1bx .tbx {
width: 100%;
display: flex;
z-index: 1;
}

#cs-s1 .css1bx .tbx .sbx{
position: relative;
width:50%;
display: flex;
align-items: center;
justify-content: center;
}

#cs-s1 .css1bx .tbx .sbx p{
width: 80%;
font-size: 1vw;
color: white;
letter-spacing: -.01rem;
}

#cs-s1 .css1bx .tbx .sbx h1{
font-size:4vw;
color: #C0AAFF;
letter-spacing: -.3rem;
}

#cstph1 {
	-webkit-animation: godown 1s linear;
    animation: godown 1s linear;
}

@keyframes godown {
	0% {
		transform: translateY(-30%);
		opacity: 0;
	}
	
	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}

#csbmh1 {
	-webkit-animation: goup 1s linear;
    animation: goup 1s linear;
}

@keyframes goup {
	0% {
		transform: translateY(30%);
		opacity: 0;
	}
	
	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}
}