html{

	}
	.main_div {
	  width: 100%;
	  height: 100%;
	  display: inline-flex;
	  font-family: fantasy;
	  background: #232326;
	  position: fixed;
	  top: 0%;
	  left: 0%;
	}
	.test_buttons {
		transition-duration: 0.5s;
		width: 100%;
		height: 5%;
		margin: 1px;
		cursor: pointer;
		background: #f76700;
		border-right: 10px solid #f76700;
		border-radius: 0px 0px 0px 0px;
		border-top: 10px solid #f76700;
		border-left: 10px solid #f76700;
		border-bottom: none;
	}
	.test_buttons:hover{
		transition-duration: 0.5s;
		width: 100%;
		height: 5%;
		margin: 1px;
		cursor: pointer;
		background: #ffc725;
		border-right: 0px solid #ffc725;
		border-radius: 0px 0px 0px 0px;
		border-top: 0px solid #f4b90e;
		border-left: 0px solid #ffc725;
		border-bottom: none;
	}
	.btn_div {
	  width: 20%;
	  height: 100%;
	  background: black;
	  border-right: 1px solid #ffc7252e;
	  padding-top: 1%;
	}
	.resp_div {
	  width: 80%;
	  display: block;
	  position: relative;
	}
	.resp_textarea {
	  width: 95%;
	  margin: auto;
	  border: none;
	    border-top-width: medium;
	    border-top-style: none;
	    border-top-color: currentcolor;
	    border-bottom-width: medium;
	    border-bottom-style: none;
	    border-bottom-color: currentcolor;
	  background: #00000021;
	  position: relative;
	  display: block;
	  top: 0.5%;
	  height: 100%;
	  color: #967515;
	  font-size: 110%;
	  resize: none;
	  scroll-behavior: unset;
	  overscroll-behavior-y: unset;
	  overscroll-behavior-x: unset;
	  overflow: auto;
	  border-radius: 0px 0px 0px 0px;
	  border: 1px solid #352a07;
	}
	.headers_textarea {
		color: #fbf1d4c4;
		height: 80%;
		border: none;
		background: transparent;
		position: relative;
		display: block;
		resize: none;
		width: 95.5%;
		margin: auto;
		scroll-behavior: auto;
		overscroll-behavior-y: none;
		overscroll-behavior-x: none;
		overflow: auto;
		border-radius: 0px 0px 0px 0px;
		border: 1px solid #352a07;
	}
	.body_textarea{
		color: #fbf1d4c4;
		height: 80%;
		border: none;
		background: transparent;
		position: relative;
		display: block;
		resize: none;
		width: 95.5%;
		overflow: none;
		margin: auto;
		scroll-behavior: none;
		overscroll-behavior-y: none;
		overscroll-behavior-x: none;
		border-radius: 0px 0px 0px 0px;
		border: 1px solid #352a07;
	}
	.response_textarea{
		height: 80%;
		border: none;
		background: transparent;
		position: relative;
		display: block;
		resize: none;
		width: 95.5%;
		margin: auto;
		overflow: none;
		scroll-behavior: none;
		overscroll-behavior-y: none;
		overscroll-behavior-x: none;
		border-radius: 0px 0px 0px 0px;
	}
	.headers_textarea_container{
		height: 10%;
	}
	.body_textarea_container{
		height: 25%;
	}
	.response_textarea_container{
		height: 50%;
	}
	p{
		color: #f76700;
		text-indent: 2%;
		display: inline;
		margin-left: 2%;
		margin-right: 2%;
		border-radius: 5px 0px 0px 0px;
		font-size: 80%;
		margin-bottom: 0px;
	}
	.container_banner {
		border-bottom: 1px solid #f76700;
		margin-left: 2%;
		margin-top: 1.5%;
		margin-right: 2%;
	}
	.json_btn {
		float: right;
		height: 80%;
		font-size: 80%;
		border: none;
		background: #e6880b;
		color: black;
		cursor: pointer;
	}
	.json_btn:hover{
		color: #e6880b;
		background: black;
	}

	.example_btn {
		height: 80%;
		font-size: 80%;
		border: none;
		background: #e6880b;
		margin-right: 2px;
		color: black;
		cursor: pointer;
	}
	.example_btn:hover{
		color: #e6880b;
		background: black;
	}

	.alert_div {
	  display: block;
	  position: fixed;
	  bottom: 0%;
	  background: #6f2c2c;
	  width: 100%;
	  text-align: center;
	  padding: 2%;
	  color: orange;
	  font-family: fantasy;
	}

	.login_buttons {
		display: block;
		transition-duration: 0.5s;
		cursor: pointer;
		background: #f76700;
		width: 90%;
		height: 48px;
		margin: auto;
		border: 1px solid transparent;
		margin-bottom: 5%;
                box-sizing: border-box;
	}

	.form_div {
	  width: 222px;
	  display: grid;
	  margin: auto;
	    margin-top: auto;
	  background: #000;
	  border: 1px solid #f76700;
	  border-radius: 5px;
	}

	.login_input {
	  margin-left: 0%;
	  margin-right: 0%;
	  width: 100%;
	  padding: 0%;
	  display: block;
	  position: relative;
	  top: 5%;
	  margin-bottom: 2px;
	  height: 37px;
	  background: #e8ac0021;
	  border: 1px solid #f76700;
	  color: #f4b90e;
	  text-align: center;
          box-sizing: border-box;
	}
	.form_input_container {
	  width: 90%;
	  margin: auto;
	    margin-top: auto;
	  margin-top: 7%;
	}
	img.kns{
		width: 90%;
		margin: auto;
		  margin-top: auto;
		margin-top: 5%;
	}