/* GENERAL */
		* {
			padding: 0;
			margin: 0;
			font-family: Helvetica;
			color: #eee;
		}
		body {
			background-color: #333;
		}
		#wrapper {
			height: 100vh;
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}
		#stats, .ip, .optifine, .zaza {
			position: absolute;
			padding: 20px;
		}
		#hidden {
			position: absolute;
			top: 0;
			height: 100%;
			width: 100%;
			display: none;
			align-items: center;
			justify-content: center;
			background: rgba(0, 0, 0, .5);
		}
		.notice {
			padding: 50px;
			background-color: #333;
		}
		.notice p {
			text-align: center;
			margin-bottom: 20px;
		}
		.notice button {
			border: none;
			margin: 0 10px;
			padding: 20px 30px;
			background-color: #555;
			border-radius: 5px;
			color: #eee;
			cursor: pointer;
			font-size: 18px;
		}
		/* BUTTON */
		#run {
			width: 200px;
			height: 200px;
			border: 2px solid #eee;
			border-radius: 50%;
			cursor: pointer;
			font-size: 20px;
			user-select: none;
		}
		.infotext {
			color: #999;
			margin-top: 20px;
		}
		/* FORM */
		.form-cont {
			border-bottom: 2px solid #eee;
		}
		.form-cont.red-border {
			border-bottom-color: #c55;
		}
		#pass, #sub {
			display: inline-block;
			height: 30px;
			padding: 10px 20px;
			border: none;
			outline: none;
			background-color: transparent;
		}
		#pass {
			outline: none;
			font-size: 18px;
		}
		#sub {
			cursor: pointer;
			background-image:url('arrow.svg');
			background-position: center;
			background-size: cover;
			vertical-align: middle;
			padding: 25px;
		}
		.login-svg {
			display: block;
			width: 80px; 
			margin: 15px auto;
		}
		/* STATS */
		.ip {
			top: 0;
			left: 0;
		}
		p {
			margin: 5px;
		}
		button {
			font-size: 16px;
		}
		.ctc {
			border: none;
			text-decoration: underline;
			background-color: transparent;
			cursor: pointer;
		}
		.ctc:hover {
			text-decoration: none;
		}
		#copy {
			display: none;
		}
		#stats {
			top: 0;
			right: 0;
			display: flex;
			flex-direction: column;
		}
		.row {
			display: flex;
			margin: 5px;
			justify-content: space-between;
		}
		.col-l {
			margin-right: 20px;
		}
		.col-r {
			text-align: right;
		}
		/* ADDITIONAL */
		.optifine, .zaza {
			margin: 5px;
		}
		.optifine {
			bottom: 0;
			left: 0;
		}
		.optifine a {
			text-decoration: underline;
			display: block;
		}
		.optifine a:hover {
			text-decoration: none;
		}
		.zaza {
			bottom: 0;
			right: 0;
			font-size: 10px;
		}
		/* COLORS - ClASSES FOR JS*/
		.green {
			background-color: #5c5;
		}
		.red {
			background-color: #c55;
		}
		.green-text {
			color: #5c5;
		}
		.red-text {
			color: #c55;
		}
		.hide {
			display: none;
		}