/*Made by LeGend077 &copy beta 1.05*/

		:root{
			--w-spacing:4px;
			--l-spacing:20px;
		}

		*{
		font-family:  Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;	
		}



		/*New things in V2*/
		.bg-white{
			background-color: white;
		}

		.bg-dark{
			background-color: rgb(0, 0, 0);
		}
		.bg-primary{
			background-color: rgb(0, 154, 201);
		}
		.bg-danger{
			background-color: rgb(243, 0, 0);
		}
		.bg-warning{
			background-color: rgb(229, 233, 0);
		}

		.text-dark{
			color: rgb(0, 0, 0);
		}
		.text-primary{
			color: rgb(0, 154, 201);
		}
		.text-danger{
			color: rgb(243, 0, 0);
		}
		.text-warning{
			color: rgb(229, 233, 0);
		}
		.dialogue-box{
			padding: 5px;
			outline: 2px solid rgb(247, 247, 247);
			border: 3px solid;
			border-image: url("./assets/dialogue-image.png") 2;
		}

		.inline{
			display:  inline-flex;
		}

		.input-text{
			padding: 2px;
			border: 2px solid;
			background-color: #616161;
			color: white;
			outline: 2px solid black;
			border-image: url(./assets/text-input.png) 1;
		}

		.input-text::placeholder{
			color: rgb(196, 196, 196);
		}
		.input-text:hover{
			outline: 2px solid white;
		}
		.input-text:focus{
			outline: 2px solid white;
		}

		.is{
			margin-right: 10px;
		}

		/*End */

	/*Java*/



	.button-java{
		width: auto;
		text-align: center;
		display:block;
		color: white;
		padding:10px;
		border:2px solid black;
		margin: 4px 0px;
		background: url("./assets/i01_button_normal.png");
		background-size: cover;
		background-repeat: no-repeat;
	}
	.button-java:hover{
		width: auto;
		text-align: center;
		border-radius: 0;
		display:block;
		color: rgb(255, 255, 255);
		padding:10px;
		border: 2px solid rgb(241, 241, 241);
		margin: 4px 0px;
		background: url("./assets/i01_button_normal.png");
		background-size: cover;
		background-repeat: no-repeat;
	}


	.button-java-w{
		width: 470;
		text-align: center;
		display:block;
		color: white;
		padding:10px;
		border: 2px solid black;
		margin: 4px 0px;
		background: url("./assets/i01_button_normal.png");
		background-size: cover;
		background-repeat: no-repeat;
	}
	.button-java-w:hover{
		width: 470;
		text-align: center;
		border-radius: 0;
		display:block;
		color: rgb(255, 255, 255);
		padding:10px;
		border: 2px solid rgb(241, 241, 241);
		margin: 4px 0px;
		background: url("./assets/i01_button_normal.png");
		background-size: cover;
		background-repeat: no-repeat;
	}



	.button-java-old{
		width: auto;
		text-align: center;
		display:block;
		color: white;
		padding:10px;
		border:2px solid black;
		margin: 4px 0px;
		background: url("./assets/i01_button_normal.png");
		background-size: cover;
		background-repeat: no-repeat;
	}
	.button-java-old:hover{
		width: auto;
		text-align: center;
		border-radius: 0;
		display:block;
		color:rgb(242, 255, 126);
		padding:10px;
		border: 2px solid rgb(0, 0, 0);
		margin: 4px 0px;
		background: url("./assets/utton_hover.png");
		background-size: cover;
		background-repeat: no-repeat;
	}

	.button-java-w-old{
		width: 470;
		text-align: center;
		display:block;
		color: white;
		padding:10px;
		border: 2px solid black;
		margin: 4px 0px;
		background: url("./assets/i01_button_normal.png");
		background-size: cover;
		background-repeat: no-repeat;
	}
	.button-java-w-old:hover{
		width: 470;
		text-align: center;
		border-radius: 0;
		display:block;
		color: rgb(242, 255, 126);
		padding:10px;
		border: 2px solid rgb(0, 0, 0);
		margin: 4px 0px;
		background: url("./assets/utton_hover.png");
		background-size: cover;
		background-repeat: no-repeat;
	}





	/*End*/








		.container{
			padding: 17px;
			margin: 10px;
			background: rgb(236, 236, 236);
		}

		.text-center{
		text-align: center;
		}

		.button {
			height: 58px;
			text-align: left;
			display:block;
			padding:10px;
			outline: 2px solid rgb(0, 0, 0);
			border: 2px solid;
			margin: 4px 0px;
			background-color: rgb(198, 198, 198);
			border-image: url("./assets/button_normal.png") 1;
		}

		.button:hover {
			outline: 2px solid rgb(255, 255, 255);
			border: 2px solid;
			color: rgb(255, 255, 255);
			background-color: rgb(67, 160, 28);
			border-image: url("./assets/button_hover.png") 1;
		}

		.button:active:hover {
			outline: 2px solid rgb(255, 255, 255);
			border: 2px solid;
			color: rgb(255, 255, 255);
			background-color: rgb(67, 160, 28);
			border-image: url("./assets/button_pressed.png") 1;
		}

		.button:active {
			outline: 2px solid rgb(0, 0, 0);
			border: 2px solid;
			background-color: rgb(139, 139, 139);
			border-image: url("./assets/button_pressed_hover.png") 1;
		}

		a.link-white{
			color: white;
		}
		a.link-white:active{
			color: rgb(240, 240, 240);
		}
		a.link-black{
			color: rgb(0, 0, 0);
		}
		a.link-black:active{
			color: rgb(75, 75, 75);
		}


		.button-dark {
			color: white	;
			height: 58px;
			text-align: left;
			display: block;
			padding:10px;
			outline: 2px solid rgb(0, 0, 0);
			border: 2px solid;
			margin: 4px 0px;
			background-color: #3A3A3A;
			border-image: url("./assets/dark.png") 1;
		}

		.button-dark:hover {
			outline: 2px solid rgb(255, 255, 255);
			border: 2px solid;
			color: rgb(255, 255, 255);
			background-color: #5F6A74;
			border-image: url("./assets/darkhover.png") 1;
		}

		.text-white{
			color: white;
		}

		.button-dark:active:hover {
			outline: 2px solid rgb(255, 255, 255);
			border: 2px solid;
			color: rgb(255, 255, 255);
			background-color: 	#5F6A74;
			border-image: url("./assets/darkpressed.png") 1;
		}

		.button-dark:active {
			outline: 2px solid rgb(0, 0, 0);
			border: 2px solid;
			background-color: #3A3A3A;
			border-image: url("./assets/darkpressednohover.png") 1;
		}

		.header{
			padding: 5px;
			text-align: center;
			width: 1300;
			margin-left: 13;
			background-color: rgb(198, 198, 198);
			border: 2px solid;
			border-image: url("./assets/dark.png") 1;
		}

		::-webkit-scrollbar {
			width: 8px;
		}

		::-webkit-scrollbar-track {
			background-color: rgb(67, 67, 67);
		}

		::-webkit-scrollbar-thumb {
			background-color: rgb(198, 198, 198);
		}

		.title{
			font-size: 50px;
		}

		.img{
			border: 4px solid;
			border-image: url(./assets/imagelesshoverbg.png) 1;
		}

		@media(max-width:700px){
			.header{
				width: auto;
			}
		}