{/* 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: white;
  color: black;
  font-family: Verdana;
}
body, html {
  
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #1a1a1a;
  
  .white-rectangle {
    background-color: #ffffff
    width: 100%;
    min-height: 92vh; 
    box-shadow: 0px 4px 10px rgba(0,0,0,0,0.5);
  }
  
  
  footer {
    height: 8vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color: #888888;
  }
  
  
  footer a {
     color: #4da6ff
     text-decoration: none;
     margin-left: 5px;
     .header-logo img {
    width: 100%;
    height: auto;
    border: 2px solid #ddd; /* Classic 2010s image border */
    border-radius: 5px;
}
.header-logo {
    flex: 0 0 180px; /* Sets a fixed width for the logo box */
    margin-right: 25px;
}
.header-logo img {
    width: 100%;
    height: auto;
    border: 2px solid #ddd; /* Classic 2010s image border */
    border-radius: 5px;
}
.header-title {
   flex  1;
   min-width:0
   text align: left;
}
.header-title h1 {
   margin: 0;
   font family: "impact", sans-serif;
   font-size: 1.8rem;
   color: #222;
   text-transform: lowercase;
   word-wrap: break-word;
}
.header-title p {
   margin:0
   font-family: "Trebuchet MS", sans-serif;
   font-size:0.9rem;
   color: #222;
        flex-direction: column;
        text-align: center;
    }
    .header-logo {
        margin-right: 0;
        margin-bottom: 15px;
    }
}