body {
  font-size: 16px; /* Base font size */
}

h1 {
  font-size: 1.5em; /* 1.5 * 16 = 40px */
}

h2 {
  font-size: 1.2em; /* 1.2 * 16 = 30px */
}
h3 {
  font-size: 1 em; /* 1 * 16 = 30px */
}
h4 {
  font-size: 1 em; /* 1 * 16 = 30px */
}
p {
    font-size: 0.8 em; /*  * 16 = 16px */
    text-align: left;
    background-color: #D9EEE1
}

.answer_tables 
{
width: 50%;
}

th, td {
  border-style: hidden;
  text-align: left;
}

.images
{ 
  height: 300px;
  width: 300px;
  
}
.images_L{
    height: 150px;
    width :300px;
}
.questions
{
    border: 2px solid black; /* Width, Style, Color */
    padding: 10px;          /* Optional: adds space between the content and the border */
    border-radius: 12px;
  
}
.questions_container
{
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 100%
}

.solve_button
{
    display: inline-block;
  padding: 10px 20px; /* Top/Bottom | Left/Right padding */
  background-color: #007bff; /* Blue background */
  color: white; /* White text */
  border: none; /* Remove default border */
  border-radius: 5px; /* Rounded corners */
  cursor: pointer; /* Change cursor to a hand */
  font-size: 16px;
  text-decoration: none; /* Remove underline for <a> tags */
}