/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: aliceblue;
  color: black;
  font-family: Verdana;
}
div {
    background-image: url("prime3.png");
    background-size: cover; /* or contain */
}
.banner-container {
    background-image: url('prime1.png'); /* Replace with your image URL */
    background-size: cover; /* Ensures the image covers the entire area */
    background-position: center; /* Centers the image */
    width: 100%; /* Full width */
    padding-top: 40%; /* Adjusts height based on width for a consistent aspect ratio */
    position: relative; /* Allows absolute positioning of content */
    color: white; /* Text color */
}

.banner-content {
    position: absolute; /* Positions content over the banner */
    top: 50%; /* Centers vertically */
    left: 50%; /* Centers horizontally */
    transform: translate(-50%, -50%); /* Adjusts position to center */
    text-align: center; /* Centers text */
}

.aligncenter {
    text-align: center;
}

.main {
  margin-right: 160px;
  font-size: 18px;
  padding: 0px 10px;
}

.sidebar {
  height: 100%;
  width: 150px;
  position: fixed;
  right: 0;
  top: 0;
  padding-top: 40px;
  background-color: lightblue;
}
.sidebar a {
  padding: 8px;
  font-size: 16px;
  display: block;
  text-decoration: none;
}
.sidebar a:hover {
  cursor: pointer;
  opacity: .7;
}
.body-text {
  margin-right: 150px;
  font-size: 11px;
}