:root
{
  --body-bg-color: #132A13;
  --article-title-bg-color: #31572C;
  --article-body-bg-color: #ECF39E;
  --text-bg-color: #31572C;
  --table-color: #4F772D;
  --button-color: #90A955;
}

body
{
  background-color: var(--body-bg-color);
  padding: 2.5%;
  font-family: Quicksand;
}

h1
{
  color: White;
}

p
{
  margin: 0;
  padding: 2%;
  font-size: 24px;
  color: var(--text-bg-color);
}

.article-title
{
  background-color: var(--article-title-bg-color);
  padding: 1%;
  width: 100%;
  min-height: 10vh;
  border-radius: 25px;
  box-sizing: border-box;
}


.actual-body
{
  padding: 2.5% 0%;
}

.article-body
{
  background-color: var(--article-body-bg-color);
  width: 50%;
  min-height: 50vh;
  border-radius: 80px;
  padding: 2.5%
}

.article-subtitle
{
  font-size: 32px;
  color: var(--text-bg-color)
}

.table-container
{
	background-color: var(--table-color);
	width: 20vw;
	height: 50vh;
	display: flex;
	justify-content: center;
	padding: 2.5%;
	position: absolute;
	top: 30.5%;
	left: 60%;
	border-radius: 5%;
}

#button-table
{
	width: 100%;
	height: 100%;
	border-collapse: collapse; 
}

#button-table tr
{
	height: 16.6%;
}

#button-table td
{
	padding: 2.5%
}

#button-table button
{
	width: 100%;
	height: 100%;
	font-size: 20px;
	cursor: pointer;
	border: none;
	border-radius: 8px;
	background-color: var(--button-color);
	color: var(--text-bg-color);
	box-sizing: border-box;
}

#Title
{
  font-size: 32px;
}