h1 {
	background-color: #000000;
	font-family: Arial, sans-serif;
	font-size: 40px;
	color: white;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	
	border: 3px solid #333; /* Creates a 3px solid border with color #333 */
    padding: 10px; /* Adds space between the text and the border */
    border-radius: 8px; /* Makes the corners of the border rounded */
    display: inline-block;
}
h2 {
	background-color: #0F0F0F;
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: white;
	border-radius: 25px;
	padding: 5px;
	/*margin: 5px;display: flex;justify-content: center;align-items: center;*/
}
h3 {
	background-color: #000000;
	font-family: Arial, sans-serif;
	font-size: 40px;
	color: white;
	margin: 5px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	gap: 3px;
	border: 3px solid #333; /* Creates a 3px solid border with color #333 */
    padding: 10px; /* Adds space between the text and the border */
    border-radius: 8px; /* Makes the corners of the border rounded */
    /*display: inline-block;*/
}
body {
		background-color: #000000;
		font-family: Arial, sans-serif;
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
	}
img {
		width: 300px; 
		height: auto;
		/*display: block;margin: 0 auto 20px auto;*/ 
	}
.img2 {
		width: 25px; 
		height: auto;
	}
.img3 {
		width: 350px; 
		height: auto;
		display: block;
		margin: 0 auto 20px auto;
	}
.img4 {
		width: 15px; 
		height: auto;
	}
.img5 {
		width: 15px; 
		height: auto;
	}	
.image-text-container {
    display: flex;
    align-items: center; /* Align items vertically centered */
    gap: 1px; /* Space between the image and text */
	background-color: #0F0F0F;
	color: white;
	padding: 1px 1px;
	font-size: 16px;
	border: none;
	border-radius: 1px;
	cursor: pointer;
	margin-right: 5px;
	margin: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}	
.mainwindow{
	background-color: #000000;
	color: white;
	padding: 100px 100px;
	font-size: 20px;
	border: none;
	border-radius: 5px;
	cursor: arrow;
	margin-right: 10px;
}
.container {
		background-color: white;
		border-radius: 8px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		padding: 20px;
		text-align: center;
		width: 300px;
	}
.button1{
	background-color: #34DE19;
	color: white;
	padding: 10px 20px;
	font-size: 16px;
	border: 3px solid #333;
	border-radius: 5px;
	cursor: pointer;
	margin-right: 10px;
	
}
.button2{
	background-color: #6624D2;
	color: white;
	padding: 10px 20px;
	font-size: 16px;
	border: 3px solid #333;
	border-radius: 5px;
	cursor: pointer;
	margin-right: 10px;
}
.button3{
	background-color: #DE1937;
	color: white;
	padding: 10px 20px;
	font-size: 16px;
	border: 3px solid #333;
	border-radius: 5px;
	cursor: pointer;
	margin-right: 10px;
}
.button4{
	background-color: #1E1937;
	color: white;
	padding: 10px 20px;
	font-size: 16px;
	border: 3px solid #333;
	border-radius: 5px;
	cursor: pointer;
	margin-right: 10px;
}
.button1:hover {
	background-color: #05AE00;
}
.button2:hover {
	background-color: #3600A3;
}
.button3:hover {
	background-color: #AE0008;
}
.button4:hover {
	background-color: #0E0008;
}
.container1 {
	background-color: #0F0F0F;
	color: white;
	padding: 10px 20px;
	font-size: 16px;
	border: 0px solid #333;
	border-radius: 5px;
	cursor: pointer;
	margin-right: 0px;
	margin: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap:3px;
}
.container2 {
	background-color: #2F2F2F;
	color: white;
	padding: 10px 20px;
	font-size: 16px;
	border: 1px solid #333;
	border-radius: 5px;
	cursor: pointer;
	margin-right: 0px;
	margin: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap:3px;
}
.shorttextcontainer {
	width: 50px;
}
.playerbutton{
	background-color: #1E1937;
	color: white;
	padding: 10px 20px;
	font-size: 16px;
	border: 3px solid #333;
	border-radius: 5px;
	cursor: pointer;
	margin-right: 10px;
}
.playerbutton:hover {
	background-color: #05AE00;
}