body{
	margin:0;
	padding:0;
	background-color:#0E0918;
	overflow-x:hidden;
}
nav{
	background-color:black;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1%;
	border:1px solid #1F192A;
	border-radius:6px;
	margin:3px;
}
.navbar{
	height:40px;
	width:720px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:18px;
	color:#C4BBD3;
}
.icon{
	font-size:40px;
	color:#7A7A7A;
}
.icon:hover{
	color:#EA4B71;
}
.hover{
	cursor:pointer;
}
.hover:hover{
	color:white;
}
.icon1{
	font-size:23px;
}
.font{
	font-size:18px;
	color:#A9A8A9;
	cursor:pointer;
}
.font:hover{
	color:white;
}
.font1{
	font-size:14px;
}
.navbar1{
	width:400px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.git{
	width:170px;
	color:white;
	font-size:17.5px;
	background-color:black;
	padding:3px;
	display:flex;
	align-items:center;
	justify-content:space-around;
	border:1px solid #4D4C4C;
	border-radius:5px;
	cursor:pointer;
	transition:background 0.3s;
}
.git:hover{
	background-color:#232222;
}
.div-get{
	background: #fc7f12;
	background: linear-gradient(90deg, rgba(252, 127, 18, 1) 0%, rgba(199, 88, 8, 1) 50%, rgba(181, 57, 0, 1) 100%);
	border:none;
	border:1px solid #F2A561;
	border-radius:5px;
	height:32px;
	width:110px;
	color:white;
	font-weight:bold;
	font-size:14.5px;
	text-align:center;
	cursor:pointer;
}
.div-get:hover{
	background: #e84600;
	background: linear-gradient(0deg, rgba(232, 70, 0, 1) 0%, rgba(255, 148, 66, 1) 100%);
}
main{
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
}
.section{
	font-weight:bold;
	font-size:18px;
	text-align-last:center;
	color:white;
}
.text{
	font-size:55px;
	word-spacing:-8px;
	margin-bottom:1.5%;
	color:#C7BDD7;
}
.word{
	margin-top:8%;
	display:inline-block;
}
.button{
	background-color:black;
	margin-top:2%;
	padding:5px;
	width:540px;
	display:flex;
	justify-content:space-around;
	border-radius:5px;
	border:2px solid #3E2B31;
}
.btn{
	padding:7px;
	height:35px;
	width:170px;
	font-size:14px;
	font-weight:bold;
	background-color:transparent;
	border:none;
	color:white;
	border-radius:5px;
	cursor:pointer;
	transition:background 0.4s;
}
.btn:hover{
	background-color:#262626;
}
.img{
	height:700;
	width:80%;
	border-radius:20px;
	margin-bottom:1%;
	margin-top:1px;
}
.text1{
	margin-top:1%;
	line-height:1.2;
	font-size:18px;
}
.section1{
	height:100%;
	width:100%;
}
.section-div{
	width:73%;
	display:flex;
	justify-content:space-between;
	margin-left:13%;
	margin-top:5%;
}
.margin{
	margin-top:2.3%;
}
.div-box{
	height:620px;
	width:540px;
	background-color:#241827;
	border-radius:15px;
	border:1px solid #3F3A47;
	border-top:2px solid #ff8e5d66;
	transition:background 1s;
}
.div-box:hover{
	background-color:#532E41;
}
.img1{
	height:280px;
	width:490px;
	margin:6% 0 0 5%;
	border-radius:15px;
}
.text2{
	display:flex; 
	justify-content:space-between; 
	flex-direction:column; 
	width:85%; 
	height:230px;
	font-size:17px;
	margin-left:8%;
	margin-top:3%;
	color:#C4BBD3;
}
.display{
	flex-direction:column;
	align-items:center;
	justify-content:space-evenly;
	height:370px;
	background-color:#241827;
	border-radius:15px;
	border:1px solid #3F3A47;
	border-top:2px solid #ff8e5d66;
	transition:background 1s;
}
.display:hover{
	background-color:#532E41;
}
.text-div{
	display:flex;
	justify-content:space-around;
	align-items:center;
}
.add-text{
	width:30%;
	text-align:center;
	font-size:17px;
	color:#C4BBD3;
}
.btn-div{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.text3{
	text-align:center;
	word-spacing:0;
	margin-top:8%;
}
.btn1{
	width:14%;
	padding:13px;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#5F2DEA;
	font-size:16px;
	color:white;
	border:none;
	border-radius:8px;
	cursor:pointer;
	transition:background 0.8s;
}
.btn1:hover{
	background-color:#1C77CD;
}
.main-box{
	width:71%;
	margin-top:4%;
	margin-left:14%;
	display:flex;
	justify-content:space-between;
}
.box{
	height:220px;
	width:315px;
	background-color:#1B1728;	
	display:flex;
	flex-direction:column;
	justify-content:space-evenly;
	padding-left:2%;
	border-radius:15px;
	border:1px solid #262149;
	cursor:pointer;
}
.symbol{
	background-color:#2B2737;
	color:#C3C9D5;
	padding:3%;
	font-size:20px;
	margin:1%;
	border-radius:5px;
}
.symbol-font{
	font-size:30px;
	padding:1.2%;
}
.padding{
	padding:2.4%;
	border:none;
	width:8.5%;
	font-size:17px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.font-fill{
	font-size:18px;
	color:#EC4E27;
}
.color{
	color:#8F87F7;
}
.color1{
	color:#54B8C9;
}
.pic{
	height:32px;
	width:32px;
	border-radius:50px;
	margin-right:2%;
}
.margin1{
	margin-top:6%;
}
.div-fix{
	width:72%;
	margin-left:13.5%;
	margin-top:4%;
	margin-bottom:2%;
	display:flex;
	justify-content:space-between;
}
.overflow{
	overflow-x:scroll;
	overflow-y:hidden;
	Scrollbar-width:none;
}
.fix{
	font-size:18px;
	color:white;
	width:18.5%;
	border-top:1px solid #e5e7eb;
}
.debug{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-shrink:0;
}
.div-debug{
	display:flex;
	flex-direction:column;
	margin-left:1%;
}
.check{
	color:white;
	font-size:17.5px;
	margin-top:10px;
}
.check-color{
	color:#C4BBD3;
}
.picture{
	height:360px;
	width:600px;
	border-radius:10px;
}
video::-webkit-media-controls-panel{
	display:none;
}
.anker{
	text-decoration:none;
	color:white;
}
.margin2{
	margin-top:7%;
}
.div-use{
	background-color:#241827;
	width:40%;
	height:430px;
	display:flex;
	flex-direction:column;
	align-items:center;
	color:#C4BBD3;
	border-radius:18px;
	border:1px solid #3F3A47;
	border-top:2px solid #ff8e5d66;
	transition:background 0.8s;
}
.div-use:hover{
	background-color:#5C3057;
}
.div-use1{
	width:58%;
}
.p-font{
	font-size:16.5px;
}
.margin3{
	margin-top:0;
}
.div-n8n{
	position:absolute;
	background-color:#3B252F;
	width:84%;
	height:450px;
	margin-left:8%;
	margin-top:5%;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:10px;
	border:1px solid #6E5960;
	transition:background 1.5s, border 1.5s;
	opacity:0.9;
}
.div-n8n:hover{
	background-color:#631C31;
	border:1px solid #7F5A63;
	opacity:1;
}
.div-n8n1{
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	justify-content:space-between;
	height:280px;
}
.try{
	padding:1%;
	background-color:#1F192A;
	border-radius:5px;
}
.btn2{
	padding:2.5%;
	width:135px;
	font-weight:bold;
	font-size:15px;
	color:white;
	background: #fc7f12;
	background: linear-gradient(90deg, rgba(252, 127, 18, 1) 0%, rgba(199, 88, 8, 1) 50%, rgba(181, 57, 0, 1) 100%);
	border:none;
	border:1px solid #F2A561;
	border-radius:5px;
	cursor:pointer;
}
.btn2:hover{
	background: #e84600;
	background: linear-gradient(0deg, rgba(232, 70, 0, 1) 0%, rgba(255, 148, 66, 1) 100%);
}
.div-ul{
	width:100%;
	cursor:grab;
	display:flex;
	justify-content:space-between;
}
.div-info{
	background: #14294A;
	background: linear-gradient(0deg, rgba(20, 41, 74, 1) 0%, rgba(26, 9, 26, 1) 100%);
	width:650px;
	height:364px;
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	border-radius:18px;
	border:1px solid #3F313E;
	user-select:none;
	margin:2%;
}
.div-info:hover{
	background: #0F4677;
	background: linear-gradient(0deg, rgba(15, 70, 119, 1) 0%, rgba(25, 9, 25, 1) 100%);
}
.info{
	background: #300E41;
	background: linear-gradient(0deg, rgba(48, 14, 65, 1) 0%, rgba(26, 10, 27, 1) 100%);
}
.info:hover{
	background: #451468;
	background: linear-gradient(0deg, rgba(69, 20, 104, 1) 0%, rgba(26, 10, 27, 1) 100%);
}
.div-text{
	font-size:21.5px;
	color:white;
	line-height:1.4;
	margin-left:6%;
}
.div-logo{
	display:flex;
	align-items:center;
	margin-left:6%;
}