*, *::before, *::after {
box-sizing: border-box;
margin: 0;
border:0px;
}

.cv {
  content-visibility: auto;
  contain-intrinsic-size: 900px; /* Explained in the next section. */
}

::-webkit-scrollbar {
	background: transparent;
	width: 2px;
	height:10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 0px;
}

html{
	overflow-x:hidden;
	overflow-y:hidden;
}
body{
	font-family: tahoma;
	background-color:black;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	overflow-x:hidden;
	overflow-y:hidden;
}

#loadingContainer{transition: all ease-in-out 6000ms;}
#loadingCurtain{transition: all ease-in-out 6000ms;}


@keyframes rotate{

10% {transform: rotate(360deg);}
40%{transform: scale(1.2);}
90% {transform: rotate(-360deg);}

}


#blankBtn{transition: all ease-in-out 100ms;}
#Khj5f6st94{transition: all ease-in-out 100ms;}
#JnRdCNKV7Y{transition: all ease-in-out 100ms;}
#JnRdCNKV7Y_b{transition: all ease-in-out 100ms;}
#JnRdCNKV7Y_c{transition: all ease-in-out 100ms;}
#JnRdCNKV7Y_d{transition: all ease-in-out 100ms;}
#JnRdCNKV7Y_e{transition: all ease-in-out 100ms;}


#elementListContainer{
	overflow-x:hidden;
	overflow-y:scroll;
	width:230px;
	opacity: 0.9;
	align-items: center;
	padding: 10px;
	font-size: 50px;
	color: white;
	position: absolute;
	top: 0px;
	left: -225px;
	background-color: rgba(255, 0, 0, 0.9);
	height: 100%;
	z-index: 2;
	border-right: 1px solid black;
	padding-top: 50px;
}

.triangle{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 100px 173.2px 100px;
		border-color: transparent transparent #007bff transparent;
}

#homeImg{
	transition: all ease-in-out 500ms;transform: translate(0px, -0px);
}

.class1:after{
	content:'';
	background:white;
	width:20px;
	height:20px;
	z-index:1000;
	position:absolute;
	top:10px;
	color:white;
	left:10px;
	display:block;
	border-radius:50%;
	filter:blur(5px);
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right:10px solid blue; 
}

@keyframes an1{
	80% {transform: scale(2);}
	10%{transform: scale(3);}
	50% {background-color: red;}
}

@keyframes moveLeftRight{
	10% {transform: translate(-1000px, 0px);}
	100%{transform: translate(calc(100vw + 1000px), 0px);}
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

#imgFrame:after{
	content:'test';
	background:red;
	width:20px;
	height:20px;
	z-index:1000;
	position:absolute;
	top:10px;
	color:white;
	left:10px;
	display:block;
}

.button, button{
	cursor:pointer;
	border-radius:5px;
	border:1px solid #666;
	width:120px;
	padding:10px;
	margin-left:10px;
	font-size:16px;
	color:white;
	background-color:#333;
	margin-bottom:0px;
	filter: drop-shadow(0px 0px 10px rgba(52, 52, 52, 0.9));
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

iframe{
	transition: all ease 300ms;
}

textarea:focus {
	outline: none;
	z-index:200;
}

iframe{
	left:0px;
	position:fixed;
	width:100%;
	height:100%;
	opacity:1;
	pointer-events:none;
}

textarea, #text_area, #text_area2, #text_area3, #text_area4, #animationContainer, #styleBtnsContainer{
	transition: all ease-in-out 300ms;
}

#object2{
	transition: all ease-in-out 500ms;

}

#object3{
	transition: all ease-in-out 1500ms;
}

#goBtn{
	transition: all ease-in-out 100ms;
}

#elementListContainer{
	transition: all ease-in-out 600ms;
}

#object2:hover{transform: scale(1.2);}
#object3:hover{transform: scale(1.2);}

#JnRdCNKV7Y:hover{transform: scale(2) translate(10px, 10px);z-index:30000;}

#JnRdCNKV7Y_c:hover{transform: scale(2);z-index:30000;}


#JnRdCNKV7Y_d:hover{transform: scale(2);z-index:30000;}


#JnRdCNKV7Y_e:hover{transform: scale(2);z-index:30000;}

#JnRdCNKV7Y_b:hover{transform: scale(1.5);}
#JnRdCNKV7Y_b::after{content:'o';border-radius:50%;background-color:white;width:20px;height:20px;filter:blur(5px);}
#JnRdCNKV7Y_e::after{content:'o';border-radius:50%;background-color:white;width:20px;height:20px;filter:blur(5px);}
#JnRdCNKV7Y::after{content:'o';border-radius:50%;background-color:white;width:20px;height:20px;filter:blur(5px);}
#JnRdCNKV7Y_d::after{content:'o';border-radius:50%;background-color:white;width:20px;height:20px;filter:blur(5px);}
#JnRdCNKV7Y_c::after{content:'o';border-radius:50%;background-color:white;width:20px;height:20px;filter:blur(5px);}


#tools:hover{transform: scale(1.5)}
#tools{transition: all ease-in-out 200ms}
#rKFITdB7qE{transition: all ease-in-out 200ms}
#reloadBtn:hover{transform: scale(1.5)}
#reloadBtn{transition: all ease-in-out 200ms}
#goBtn:hover{transform: translate(5px, 0px)}


#W7YUtLKO1x{
cursor: pointer;
padding: 10px;
font-size: 50px;
color: white;
position: absolute;
top: calc(100vh - 72px);
left: 220px;
background-color: rgb(0, 0, 0);
width: 20px;
height: 20px;
z-index: 10000;
border-radius: 50%;
border: 1px solid white;
}

#codeArea{
	overflow:auto;
	position:absolute;
	top:calc(100vh - 95px);
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(47, 47, 47, 0.9);
	color:white;
	font-size:20px;
	z-index:10000;
	border-top:2px solid black;
	padding:40px;
	font-weight:thin;
	padding-left:100px;
	padding-right:100px;
	padding-bottom:100px;	
}

#cs_curtain{
	position:absolute;
	top:0px;
	left:0px;
	width:calc(100vw);
	height:calc(100vh);
	background-color:black;
	z-index:20;
	opacity:.9;
	display:none;	
}

#curtain{
	background-color:white;
	pointer-events:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;	
}

#homeImg{
	filter: drop-shadow(0px 0px 4px #000000);
	cursor:pointer;
	position:absolute;
	top:calc(50vh - 8px);
	left:-200px;
	z-index:20000;
}

#goBtn{
	cursor:pointer;
	position:absolute;
	top:calc(50vh - 22px);
	left:-2px;
	z-index:20000;
	border:0px;
}

#JnRdCNKV7Y{
	background-size:30px;
	position: absolute;
	top: calc(50vh - 55px);
	left: 16px;
	width: 30px;
	height: 30px;
	background-color: red;
	border-radius: 50%;
	z-index: 20000;
	border:2px solid black;
	cursor:pointer;
	filter: drop-shadow(0px 0px 4px #000000);
}

#JnRdCNKV7Y_changeBackgroundColor{
	border:1px solid white;
	cursor:pointer;
	background-color:black;
	position:absolute;
	width:15px;
	height:15px;
	top:-10px;
	left:-10px;
	border-radius:50%;
}

#JnRdCNKV7Y_clearBackgroundColor{
	border:1px solid white;
	cursor:pointer;
	background-color:black;
	position:absolute;
	width:15px;
	height:15px;
	top:-10px;
	left:20px;
	border-radius:50%;
}

#JnRdCNKV7Y_b{
	font-family:verdana;
	font-weight:bold;
	padding-top:2px;
	color:white;position: absolute;
	top: calc(50vh - 27px);
	left: 43px;
	width: 30px;
	height: 30px;
	background-color: red;
	border-radius: 50%;
	z-index: 20000;
	border:2px solid black;cursor:pointer;
	filter: drop-shadow(0px 0px 4px #000000);
}

#JnRdCNKV7Y_c{
	font-family:verdana;
	font-weight:bold;
	padding-top:2px;
	color:white;
	position: absolute;
	top: calc(50vh + 12px);
	left: 52px;
	width: 30px;
	height: 30px;
	background-color: red;
	border-radius: 50%;
	z-index: 20000;
	border:2px solid black;
	cursor:pointer;
	filter: drop-shadow(0px 0px 4px #000000);
}

#JnRdCNKV7Y_d{
	font-family:verdana;
	font-weight:bold;
	padding-top:2px;
	color:white;
	position: absolute;
	top: calc(50vh + 50px);
	left: 43px;
	width: 30px;
	height: 30px;
	background-color: red;
	border-radius: 50%;
	z-index: 20000;
	border:2px solid black;
	cursor:pointer;
	filter: drop-shadow(0px 0px 4px #000000);
}

#JnRdCNKV7Y_d_toggleBorder{
	border:1px solid white;
	cursor:pointer;
	background-color:black;
	position:absolute;
	width:15px;
	height:15px;
	top:24px;
	left:20px;
	border-radius:50%;
}

#JnRdCNKV7Y_e{
	font-family:verdana;
	font-weight:bold;
	padding-top:2px;
	color:white;
	position: absolute;
	top: calc(50vh + 78px);
	left: 16px;
	width: 30px;
	height: 30px;
	background-color: red;
	border-radius: 50%;
	z-index: 20000;
	border:2px solid black;
	cursor:pointer;
	filter: drop-shadow(0px 0px 4px #000000);
}

#tools{
	font-family:tahoma;
	font-weight:bold;
	padding-top:5px;
	color:white;
	position: absolute;
	top: calc(100vh - 78px);
	left: 30px;
	width: 40px;
	height: 40px;
	background-color: red;
	border-radius: 50%;
	z-index: 20000;
	border:2px solid black;cursor:pointer;
	filter: drop-shadow(0px 0px 4px #000000);
	font-size:20px;
}

#reloadBtn{
	font-family:tahoma;
	font-weight:bold;
	padding-top:5px;
	color:white;
	position: absolute;
	top: calc(100vh - 140px);
	left: 30px;
	width: 40px;
	height: 40px;
	background-color: red;
	border-radius: 50%;
	z-index: 10000;
	border:2px solid black;
	cursor:pointer;
	filter: drop-shadow(0px 0px 4px #000000);
	font-size:20px;
}

#label{
	font-family:tahoma;
	font-weight:bold;
	padding-top:6px;
	color:white;position: absolute;
	top: calc(100vh - 50px);
	left: 0px;
	width: 100%;
	pointer-events:none;
	height: 25px;
	z-index: 1;
	cursor:pointer;
	filter: drop-shadow(0px 0px 1px #000);
}

#text_area{
	opacity: 0.9; 
	align-items: center;
	padding: 10px;
	font-size: 50px;
	color: white;
	position: absolute;
	top: 0px;
	left: calc(100vw - 300px);
	background-color: red;
	width: 100%;
	height: 50px;
	z-index: 10001;
	border-bottom-left-radius:10px 20%;
	border:2px solid black;
	background-image: url("");
}

#txt_input{
	width:180px;
	margin-top:-2px;
	margin-left:60px;
	border:0px;
	height:30px;
	padding-left:20px;
	border-radius:5px;
	background-color: rgba(41, 41, 41, 0.8);
	color: white;
}

#makeText{
	padding-top:2px;
	letter-spacing:-1;
	font-size:16px;
	cursor: pointer;
	opacity: 0.9;
	position: absolute;
	top: 8px;
	left: 30px;
	background-color: #333;
	width: 30px;
	height: 30px;
	z-index: 1001;
	border-radius: 50%;
	border:2px solid white;
}

#toggleTextDropShadow{
	cursor: pointer;
	opacity: 0.9;
	position: absolute;
	top: 14px;
	left: 265px;
	background-color: #333;
	width: 20px;
	height: 20px;
	z-index: 1001;
	border-radius: 50%;
	border:2px solid white;
}

#toggleTextTextShadow{
	cursor: pointer;
	opacity: 0.9;
	position: absolute;
	top: 14px;
	left: 295px;
	background-color: #333;
	width: 20px;
	height: 20px;
	z-index: 1001;
	border-radius: 50%;
	border:2px solid white;
}

#BtnRotateText{
	cursor: pointer;
	opacity: 0.9;
	position: absolute;
	top: 14px;
	left: 325px;
	background-color: #333;
	width: 20px;
	height: 20px;
	z-index: 1001;
	border-radius: 50%;
	border:2px solid white;
}

#clearBkgColorBtn{
	cursor: pointer;
	opacity: 0.9;
	position: absolute;
	top: 14px;
	left: 355px;
	background-color: #333;
	width: 20px;
	height: 20px;
	z-index: 1001;
	border-radius: 50%;
	border:2px solid white;
}

#colorSelectContainer{
	margin-top:-25px;
	margin-left:400px;
	border:0px;
}

#txtColor{
	border-radius:2px;
	border:1px solid black;
}

#txtShadowColor, #newElementColor{
	margin-left:10px;
	border-radius:2px;
	border:1px solid black;
}

#text_area2{
	opacity: 0.9;
	align-items: center;
	padding: 10px;
	font-size: 50px;
	color: white;
	position: absolute;
	top: 55px;
	left: calc(100vw - 300px);
	background-color: red;
	width: 100%;
	height: 50px;
	z-index: 10001;
	border-bottom-left-radius:10px 20%;
	border:2px solid black;
	background-image: url("");
}

#makePost{
	cursor: pointer;
	opacity: 0.9;
	position: absolute;
	top: 14px;
	left: 40px;
	background-color: #333;
	width: 20px;
	height: 20px;
	z-index: 1001;
	border-radius: 50%;
	border:2px solid white;
}

#numInput1{
	margin-left:60px;
	width:40px;
	height:25px;
	margin-top:0px;
	border-radius:5px;
}

#imgFrame{
	background-color:rgba(41, 41, 41, 0.8);
	border-radius:5px;
	padding:20px 20px 20px 20px;
	height:500px;
	width:900px;
	overflow-y:auto;
	position:absolute;
	top:-480px;
	left:calc(50% - 450px);
	z-index:5000;
	pointer-events:auto;
	cursor:pointer;
	border-bottom:5px solid red;
}

#fnAATNYhAY{
	height: 40px;
	border: 3px solid black;
	width: 400px;
	top: calc(100vh - 80px);
	left: 250px;
	z-index: 10001;
	background-color: rgba(47, 47, 47, 0.8);
	padding: 10px;
	position: absolute;
	color: white;
	border-radius:10px;
	padding-left:20px;
	padding-right:20px;
	font-size:20px;
}

#label_elements{
	z-index: 20000;
	filter: drop-shadow(rgb(0, 0, 0) 0px 0px 2px);
	font-weight: bold;
	font-family: tahoma;
	font-size: 25px;
	position: absolute;
	top: 13px;
	left: 17px;
	color: rgb(255, 255, 255);
	text-shadow: rgb(0, 0, 0) 0px 0px 10px;
}

#blankBtn{
	border:1px solid white;
	cursor:pointer;
	background-color:black;
	position:absolute;
	width:20px;
	height:20px;
	top:8px;
	left:calc(50vw - 515px);
	border-radius:50%;
	position:absolute;
	z-index:10001;
}

#holdCodeBtn{
	border:1px solid white;
	cursor:pointer;
	background-color:black;
	position:absolute;
	width:20px;
	height:20px;
	top:8px;
	left:20px;
	border-radius:50%;
	position:absolute;
	z-index:10001;
}

#g1bCeCzE9L{
	cursor: pointer;
	opacity: 0.9;
	transform: rotate(0deg);
	box-shadow: rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 15px, rgb(0, 0, 0) 0px 0px 25px, rgb(0, 0, 0) 0px 0px 30px;
	padding: 10px;
	position: absolute;
	top: calc(100vh - 56px);
	left: calc(100vw - 85px);
	background-color: rgb(0, 0, 0);
	width: 10px;
	height: 10px;
	z-index: 2000;
	border-radius: 50%;
	border: 3px solid rgb(102, 102, 102);
}

#VHT604QvAo{
	cursor: grab;
	position: absolute;
	top: 269px;
	left: calc(100vw - 70px);
	z-index: 11000;
	transform: rotate(-180deg);
	width: 70px;
	height: 150px;
}

#rKFITdB7qE{
	cursor: pointer;
	opacity: 1;
	padding: 10px;
	position: absolute;
	top: 5px;
	left: calc(50vw - 490px);
	background-color: rgb(255, 0, 0);
	width: 20px;
	height: 20px;
	z-index: 10001;
	border-radius: 50%;
	border: 2px solid black;
}

#hideAllBtn{
	z-index:10001;
	position:absolute;
	top:calc(100vh - 80px);
	left:80px;
}

#x1KPK2O8jY{
	position:absolute;
	left:-100px;
	top:38px;
	background-color:rgba(47, 47, 47, 0.8);
	resize:none;
	border-radius:10px;
	border:5px solid black;
	display:block;
	cursor:text;
	width:500px;
	height:500px;
	color:white;
	padding:20px;
	font-size:20px;
	font-family:verdana;
	font-weight:normal;
	border-bottom:10px dashed red;
	filter: drop-shadow(0px 0px 4px #000000);
}

#styleBtnsContainer{
	opacity:.9;
	margin-left:100px;
	position:fixed;
	top:-0px;
	left:calc(50vw + 150px);
	width:100%;
	height:110%;
	background:red;
	padding-top:10px;
	z-index:-2000;
}

#styleBtnsContainer button{
	margin-left:20px;
	margin-bottom:10px;
	font-size:20px;
	width:300px;
}

#label_presets{
	filter: drop-shadow(rgb(34, 34, 34) 0px 0px 0px);
	display: block;
	font-weight: bold;
	font-family: tahoma;
	font-size: 32px;
	position: relative;
	top: -65px;
	left: 450px;
	color: rgb(255, 255, 255);
	text-shadow: rgb(0, 0, 0) 0px 0px 10px;
	z-index: 10000;
	width:200px;
}

#label_animation{
	filter: drop-shadow(rgb(34, 34, 34) 0px 0px 0px);
	display: block;
	font-weight: bold;
	font-family: tahoma;
	font-size: 32px;
	position: absolute;
	top: 13px;
	left: -80px;
	color: rgb(255, 255, 255);
	text-shadow: rgb(0, 0, 0) 0px 0px 10px;
	z-index: 10000;
}

#saveKeyToStorage{
	border:1px solid white;
	cursor:pointer;
	background-color:black;
	position:absolute;
	width:20px;
	height:20px;
	top:10px;
	left:300px;
	border-radius:50%;
}

#animationContainer{
	display:none;
	width:800px;
	height:100%;
	margin-left:-50px;
	position:absolute;
	top:50px;
	left:calc(100vw - 800px);
	z-index:0;
	background-color:rgba(47, 47, 47, 0.8);
	border-radius:10px;
	padding:20px;
	font-size:40px;
	transition:width 0s;
	z-index:9000;
}

#reloadTagBtn{
	cursor: pointer;
	opacity: 1;
	position: absolute;
	top: 14px;
	left: 40px;
	background-color: #333;
	width: 20px;
	height: 20px;
	z-index: 1001;
	border-radius: 50%;
	border:2px solid white;
}

#text_area4{
	cursor:pointer;
	opacity: 0.9;
	align-items: center;
	padding: 10px;
	font-size: 40px;
	color: white;
	position: absolute;
	top: 210px;
	left: calc(100vw - 300px);
	background-color: red;
	width: 100%;
	height: 50px;
	z-index: 10001;
	border-bottom-left-radius:10px 20%;
	border:2px solid black;
	background-image: url("");
}

#tagButtonContainer{
	padding:10px;
	overflow-y:auto;
	background-color:rgba(67, 67, 67, 0.9);
	width:360px;
	height:300px;
	margin-left:70px;
	border-radius:5px;
	margin-top:-58px;
}

#text_area3{
	opacity: 0.9;
	align-items: center;
	padding: 10px;
	font-size: 50px;
	color: white;
	position: absolute;
	top: 110px;
	left: calc(100vw - 300px);
	background-color: red;
	width: 100%;
	height: 50px;
	z-index: 10001;
	border-bottom-left-radius:10px 20%;
	border:2px solid black;
	background-image: url("");
}

#pass{
	font-size:50px;
	margin-top:-2px;
	margin-left:60px;
	border:0px;
	height:30px;
	padding-left:20px;
	border-radius:5px;
	width:150px;
}

#goLoginBtn{
	cursor: pointer;
	opacity: 0.9;
	position: absolute;
	top: 14px;
	left: 40px;
	background-color: #333;
	width: 20px;
	height: 20px;
	z-index: 1001;
	border-radius: 50%;
	border:2px solid white;
}

#zindexNum{
	margin-left:10px;
	width:40px;
	height:25px;
	margin-top:0px;
	border-radius:5px;
}

#directoryInput{
	width:150px;
	font-size:16px;
	background-color:rgba(41, 41, 41, 0.8);
	border-radius:5px;
	margin-left:15px;
	margin-top:-2px;
	position:absolute;
	z-index:99;
	padding:7px;
	color:white;
}

#useBgGradient{
	margin-left:120px;
	zoom:1.5;
	position:inherit;
	margin-top:2px;
	cursor:pointer;
}