@font-face {
	font-family: 'Ragnar';
	src: url('../fonts/Ragnar.ttf') format('truetype');
}


#container{
	height: 900px;
	width: 750px;
	background-color: #262626;
	border: 2px solid #700E0E;
	margin-left: 32%;
	margin-top: 1%;
}

#title{
	height: 50px;
	width: 100%;
	background-color: #000;
	border-bottom: 2px solid #700E0E;
	color: #fff;
}

#title img{
	width: 35px;
	height: 35px;
	margin-top: 7.5px;
	margin-left: 210px;
}

h1{
	font-family: 'Ragnar';
	margin-left: 260px;
	margin-top: -35px;
	font-size: 22px;
}


body{
	background-color: #000;
}

.button {
    background: linear-gradient(to top right, #262626, #700E0E);
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    font-family: 'Ragnar';
    font-size: 32px;
}

.button:hover{
	outline: 2px solid #000;
}

.button1 {
	margin-top: 20px;
	margin-left: 3%;
	width: 45%;
	height: 150px;
}


iframe{
	margin-left: 1400px;
    margin-top: -1000px;
    margin-bottom: 15px;
    border: 2px solid #700E0E;
}

.g_status {
	margin-top: 20px;
	margin-left: 5%;
	width: 90%;
	height: 100px;
}

.g_status p {
	font-family: "Ragnar";
	text-align: center;
}


.g_content p{
	color: #fff;
	font-family: "Ragnar";
	margin-left: 5%;
	font-size: 20px;
}

.g_content input[type=text], input[type=number], input[type=password], input[type=file]{
	padding: 4px;
	border: 2px solid #700E0E;
	height: 20px;
	width: 300px;
	background-color: #000;
	margin-left: 5%;
	margin-top: -7px;
	color: white;
	outline: none;
}

.g_content textarea{
	padding: 4px;
	border: 2px solid #700E0E;
	height: 20px;
	width: 300px;
	background-color: #000;
	margin-left: 5%;
	margin-top: -7px;
	color: white;
	outline: none;
}

.g_content span{
	margin-left: 5%;
	color: grey;
	font-family: "Ragnar";
	font-size: 10px;
}

.affChat{
	text-align: right;
	font-family: "Ragnar";
	font-size: 15px;
	color: white;
	margin-top: -35px;
}

.g_button{
	width: 90%;
	margin-left: 5%;
	height: 40px;
	margin-bottom: 5px;
	font-family: "Ragnar";
	border: none;
	color: white;
	outline: none;
	cursor: pointer;
}

.bg{
	margin-top: 200px;
	background-color: #700E0E;
}

.bt{
	background-color: ForestGreen;
}

.bg:hover{
	border: 2px solid #000;
}

.bt:hover{
	border: 2px solid #000;
}

.fo_button{
	width: 10%;
	margin-left: 7%;
	height: 20px;
	font-family: "Ragnar";
	border: none;
	color: white;
	outline: none;
	cursor: pointer;
}

.back_arrow{
	text-align: left;
	font-family: "Ragnar";
	font-size: 15px;
	color: white;
	margin-top: 120px;
	margin-left: 1%;
}

.indev{
	cursor: not-allowed;
}