/* File shit */
body {
	margin: 0px;
	font-family: Consolas;
}

/* Header shit */
.header {
	width: 100%;
	height: 38px;

	text-align: center;
	font-style: italic;

	border-bottom: black solid 2px;
}

.header h2 {
	margin: 10px;
}

/* Comment shit */
.comment {
	width: 100%;
	height: 500px;

	display: flex;
	justify-content: center;
	align-items: center;

	border-bottom: black solid 2px;
}

.comment img {
	border: black solid 2px;
	border-radius: 10px;
}

/* Bar shit */
.bar {
	width: 100%;
	height: 50px;
	border-bottom: black solid 2px;

	display: flex;
	justify-content: center;
	align-items: center;
}

.progress-container {
  width: 60%;
  background-color: white;
  overflow: hidden;
  border: black solid 2px;
  margin-right: 5px;
  margin-left: 5px;
}

#progress-bar {
  width: 0%; /* Initial state */
  height: 24px;
  background-color: black;
  transition: width 0.4s ease-in-out; /* Smooth animation */
}

/* Info shit */
.info {
	border-bottom: black solid 2px;
}

.info h4 {
	font-style: normal;
	font-size: 20px;
}

/* Button shit */
.buttonRagebait, .buttonLowiq {
	color: black;
	background-color: white;
	padding: 5px;
	margin-top: 30px;

	font-size: 24px;
	font-family: Consolas;
	font-weight: bold;

	border: black solid 2px;
}

.buttonRagebait {
	margin-right: 10px;
}