body {
	background-color: #252525 !important;
	padding: 0;
	margin: 0;
}

::selection {
	background-color: #f2f2f2;
	color: #252525;
}

.hdr-scc-ctt {
	background-color: #202020;
}

.hdr-scc-ctt nav {
	display: flex;
	padding: 20px;
	align-items: center;
	justify-content: space-between;
}

.cmp-nm-txt {
	color: #f2f2f2;
	font-family: monospace;
	cursor: pointer;
	text-decoration: none;
	font-size: 1.5rem;
}

.itm-hld-scc {
	color: #f2f2f2;
	font-size: .9rem;
	border-radius: 10px;
	background-color: #252525;
	padding: 10px 20px;
	border: 1px solid #f2f2f2;
}

.itm-hld-scc a {
	padding: 10px 20px;
	border-right: 1px solid #f2f2f2;
	text-decoration: none;
	color: #f2f2f2;
	font-family: monospace;
	transition: .2s ease-in-out;
}

.itm-hld-scc a:hover {
	background-color: #202020;
}

.navbar-toggler {
	background-color: #f2f2f2 !important;
	color: #202020;
}

.navbar-toggler-icon {
	background-color: #f2f2f2 !important;
}

.txt-hld-scc {
	padding: 20px;
	display: flex;
	position: relative;
	top: -10px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.txt-hld-scc h3 {
	margin: 20px;
	color: #f2f2f2;
	visibility: visible;
	font-family: monospace;
}

.txt-hld-scc textarea {
	background-color: #202020;
	outline: none;
	border: 0px;
	resize: none;
	color: #00ff00;
	height: 400px;
	padding: 20px;
	font-family: monospace;
	width: 70%;
	border-radius: 20px;
}

.ftr-scc {
	background-color: #202020;
	padding: 10px;
}

.ftr-ctt {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 10px;
}

.ftr-row h3 {
	color: #f2f2f2;
	font-size: 1.4rem;
}

.sil-scc-ctt {
	font-family: monospace;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
	justify-content: center;

}

.sil-scc-ctt h3 {
	color: #f2f2f2;
	font-size: 1.3rem;
	text-align: center;

}

.sil-scc-ctt ul {
	display: flex;
	padding: 0px;
	flex-wrap: wrap;
	margin: 0px !important;

}

.sil-scc-ctt ul li {
	color: #f2f2f2;
	list-style: none;
	margin: 5px 10px;
}

.sil-scc-ctt ul li a {
	cursor: pointer;
	font-size: 1rem;
}

.sil-scc-ctt ul li a:hover {
	text-decoration: underline;
}

.sil-scc-ctt a {
	padding: 10px 20px;
	text-decoration: none;
	color: #f2f2f2;
}

.icons {
	color: #909090;
	transition: .2s ease-in-out;
	font-size: 1.5rem;
}

.icons:hover {
	color: #fff;
}

.hr-hld {
	visibility: visible;
}

.lst-lin-hld {
	font-family: monospace;
	text-align: end;
	margin: 0px 10px;
	color: #f2f2f2;
}

.lst-lin-hld h4 {
	font-size: .9rem !important;

}

.ctt-scc-hld {
	display: flex;
	position: relative;
	top: 30px;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.txt-ctt-u {
	font-family: monospace;
	position: relative;
	bottom: 10px;
	color: #f2f2f2;
	font-size: 1.3rem;
}

.frm-scc-hld form {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 45px;
	flex-direction: column;
}

.frm-scc-hld input {
	width: 95%;
	background-color: #191919;
	border: 0px;
	outline: 0px;
	height: 20px;
	font-family: monospace;
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
	box-sizing: content-box;
	color: #00ff00;
}

.frm-scc-hld textarea {
	background-color: #202020;
	outline: none;
	border: 0px;
	resize: none;
	color: #00ff00;
	height: 400px;
	padding: 20px;
	font-family: monospace;
	width: 700px;
	border-radius: 20px;
}

.txt-hld-scc textarea::placeholder {
	visibility: hidden;
}

.frm-scc-hld button {
	background-color: #191919;
	padding: 15px 30px;
	border-radius: 10px;
	outline: 0px;
	border: 0px;
	position: relative;
	left: 306px;
	margin: 10px;
	color: #f2f2f2;
}

.btn-hld {
	display: flex;
	align-items: end;
	justify-content: center;
}

@media (max-width:1440px) {
	.txt-hld-scc {
		position: relative;
		top: 70px;
	}

	.txt-hld-txt {
		position: relative;
		bottom: 52px;
	}

	.txt-hld-scc textarea {
		width: 78%;
	}

	.ftr-scc {
		position: relative;
		top: 286px;
	}
}

@media (max-width: 414px) {
	.cmp-nm-txt {
		color: #f2f2f2;
		font-family: monospace;
		cursor: pointer;
		text-decoration: none;
		font-size: 1.5rem;
		margin: 20px;
	}

	.itm-hld-scc {
		padding: 10px 22px;
		margin-top: 20px;
	}

	.itm-hld-scc a {
		padding: 10px 8px;
	}

	.ftr-ctt {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-wrap: wrap;
		padding: 10px;
	}

	.txt-hld-scc h3 {
		opacity: 0;
	}

	.txt-hld-scc textarea {
		border-radius: 0px;
		position: relative;
		bottom: 100px;
		height: 450px;
		width: -webkit-fill-available;
	}

	.frm-scc-hld textarea {
		background-color: #202020;
		outline: none;
		border: 0px;
		resize: none;
		height: 193px;
		width: 358px;
		margin-top: 20px;
		padding: 20px;
		font-family: monospace;
	}

	.btn-hld {
		position: relative;
		right: 183px;
	}

	.sil-scc-ctt {
		position: relative;
		top: 45px;
	}

	.hr-hld {
		visibility: hidden;
	}
}

@media(max-width:425px) {
	.txt-hld-scc h3 {
		opacity: 0;
	}

	.hr-hld {
		visibility: hidden;
	}

	.ftr-ctt {
		justify-content: center;
	}

	.cmp-nm-txt {
		color: #f2f2f2;
		font-family: monospace;
		cursor: pointer;
		text-decoration: none;
		font-size: 1.5rem;
		margin: 20px;
	}

	.itm-hld-scc {
		padding: 10px 22px;
		margin-top: 20px;
	}

	.itm-hld-scc a {
		padding: 10px 8px;
	}

	.ftr-ctt {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-wrap: wrap;
		padding: 10px;
	}

	.txt-hld-scc h3 {
		opacity: 0;
	}

	.txt-hld-scc textarea {
		border-radius: 0px;
		position: relative;
		bottom: 100px;
		height: 450px;
		width: -webkit-fill-available;
	}

	.frm-scc-hld textarea {
		background-color: #202020;
		outline: none;
		border: 0px;
		resize: none;
		height: 193px;
		width: 358px;
		margin-top: 20px;
		padding: 20px;
		font-family: monospace;
	}

	.btn-hld {
		position: relative;
		right: 183px;
	}

	.sil-scc-ctt {
		position: relative;
		top: 45px;
	}

}

@media (max-width:360px) {
	.itm-hld-scc {
		margin-top: 20px;
		padding: 10px 8px;
	}
}

@media(max-width:375px) {
	.itm-hld-scc {
		margin-top: 20px;
		padding: 10px 1px;
	}
}

@media(max-width:992px) {
	.itm-hld-scc {
		margin-top: 20px;
		padding: 10px 1px;
		display: flex;
		justify-content: space-around;
	}
}