.name_prog {
	color: #ffbd2f;
	font-family: "NameProg";
	font-size: 200px;
	text-align: center;
	margin-top: 10px;
	padding-bottom: -100px;
	margin-bottom: 10px;
}

.menu {
	text-align: center;
}

.input-p {
	margin-top: 60px;
	font-size: 53px;
	height: 75px;
	width: 750px;
	background: none;
	border: 5px solid #ffbd2f;
	border-radius: 80px;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
	color: #f0f0f0;
	outline: none;
}

.input-g::placeholder {color: #32783a;}

.input-g {
	margin-top: 110px;
	font-size: 53px;
	height: 75px;
	width: 750px;
	background: none;
	border: 5px solid #8fb404;
	border-radius: 80px;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
	color: #f0f0f0;
	outline: none;
}

.button-h {
	margin-top: 50px;
	width: 790px;
	height: 140px;
	font-size: 80px;
	font-family: "ButtonHack";
	border: 6px solid #d9970a;
	border-radius: 80px;
	background-color: #ffbd2f;
	color: #ffffff;
	outline: none;
	border-color: #d9970a;
}

.button-h:active {
	background-color: #e6a323;
	border-color: #c48500;
}

.text {
	color: #ff4131;
	font-size: 75px;
	margin-top: 10px;
	margin-bottom: -15px;
	font-family: "ErrorText";
}

.text-done {
	color: #428bf3;
	font-size: 75px;
	margin-top: 10px;
	margin-bottom: -15px;
	font-family: "ErrorText";
}

body {
	background-color: #222222;
}

@font-face {
	font-family: "NameProg"; 
	src: url("../fonts/name_shr_prog.ttf");
	font-weight: 600;
	}

@font-face {
	font-family: "ButtonHack"; 
	src: url("../fonts/button_shr_prog.ttf");
	font-weight: 600;
	}

@font-face {
	font-family: "ErrorText"; 
	src: url("../fonts/error-text_shr_prog.ttf");
	font-weight: 600;
	}