* {
  font-family: Arial, Helvetica, sans-serif;
}

html, body {
  margin: 0;
  border: 0;
  padding: 0;
  background-color: #fff;
  background-image: url("images/bg.png");
 /* background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

main {
  margin: auto;
  width: 80%;
  padding: 20px;
 
}

main > h1 {
  text-align: center;
  font-size: 2em; 
}

/* Styling the footer */
footer {
  background-color: #333; /* Dark background color */
  color: #fff;           /* Light text color */
  text-align: center;    /* Center the text */
  padding: 0px 0;       /* Vertical padding */
  position: fixed;       /* Fix the footer at the bottom */
  width: 100%;           /* Full width */
  bottom: 0;             /* Align at the bottom */

}

/* Footer paragraph styling */
footer p {
  font-size: 14px;       /* Font size */
  font-family: Arial, sans-serif; /* Font family */
}



/* Add responsiveness */
@media (max-width: 600px) {
  footer p {
      font-size: 12px;   /* Smaller font size on small screens */
  }
}

.powerprice-container {
  width: 100%;
  background-color: #0c0c0c;

}

.flex-container {
  display: flex;
  justify-content: space-between; /* or space-around, space-evenly */
  padding: 5px;
  background-color: #4b4b4b;
}

.flex-item {
 /* background-color: #4CAF50;*/
  padding: 5px;
  color: white;
  text-align: center;
  /*border-radius: 5px;*/
}

.footer-link
{
  color: white;
  text-decoration: none;
}