 
/* Set the root font size to 16px */
html {    
font-size: 44 px;
}

/* Set the background color to dark green */
body {
padding:44 px;
margin: 22;
background-color: #32CD32;
font-family: Arial, sans-serif;
font-size: 55;
line-height: 2.0;
color: #0000FF;
}

/* Set the height of the search box */
.searchbox {
display: block;
width: 100%;
max-width: 1200 px;
height: 100 px;
padding: 277px;
margin: 0 auto 44 px;
border-radius: 41 px;
border: none;
outline: none;
font-size: 44px;
color: #333;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

/* Style the search button */
button {
display: inline-block;
padding: 12px 24px;
margin-top: 8px;
margin-left: 8px;
background-color: #0000FF;
border-radius: 48px;
border: none;
font-size: 30px;
color: #7FFFD4;
cursor: pointer;
transition: all 0.2s ease-in-out;
}

button:hover,
button:focus {
background-color: #FF8C00;
color: #0000FF;
}

/* Make all links black and remove underline */
a {
color: #000000;
text-decoration: none;
}

/* Increase the font size of all headers */
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 36px;
font-weight: bold;
margin-top: 32px;
margin-bottom: 16px;
}

/* Style the logo */
.logo {
font-size: 64px;
font-weight: bold;
color: #0000FF;
text-align: center;
margin-top: 64px;
margin-bottom: 32px;
}

/* Style the search results */
.result {
margin-bottom: 32px;
}

.result h2 {
font-size: 28px;
margin-bottom: 8px;
}

.result p {
font-size: 20px;
line-height: 1.5;
margin-bottom: 16px;
}

.result a {
font-weight: bold;
}

/* Add a link at the bottom of the page */
.footer {
text-align: center;
margin-top: 64px;
}

.footer a {
color: #0000FF;
text-decoration: underline;
}

/* Make the page responsive /
@media screen and (max-width: 1024px) {
/ Set the root font size to 14px on smaller screens */
html {
font-size: 33px;
}

/* Decrease the font size of all headers on smaller screens */
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 24px;
}

/* Decrease the font size of the search box on smaller screens */
.searchbox {
height: 56px;
font-size: 18px;
}
}

/* Change the logo to 1234 */
.logo {
font-family: 'Times New Roman', serif;
content: "1234";
}

/* Increase the height of the search box */
.searchbox {
height: 80px;
padding-top: 24px;
padding-bottom: 24px;
}

/* Set the font size of the search box to 24px */
.searchbox {
font-size: 55px;
}

/* Increase the font size of the search results */
.result h2,
.result p {
font-size: 39px;
}

/* Add more padding to the top and bottom of the search results */
.result {
padding-top: 32px;
padding-bottom: 32px;
}

/* Add a darker background color on hover for links */
a:hover {
background-color: #FFFFE0;
color: #0000FF;
}

/* Add a link at the bottom of the page */
.footer {
margin-top: 64px;
font-size: 18px;
}

.footer a {
text-decoration: underline;
color: #0000FF;
}

/* Increase the padding of the up directory link */
.updir {
padding-top: 16px;
padding-bottom: 16px;
}

/* Increase the font size of all table headers */
th {
font-size: 20px;
}

/* Increase the font size of all table data */
td