body {
    background-color: #f57e69
  }

  h1 , h2 {
    color: white;
    text-align: center;
    font-family: "Monaco", Monospace, serif;
  }

  .defaultstyle {
    color: white;
    font-family: "Monaco", Monospace, serif;
    text-align: center;
    border-radius: 6px;
    background-color: #fc6f56;
    border: 2px solid white
  
  }

  p {
    color: white;
    font-family: "Lucida Console", "Courier New", monospace;
  }

  cite {
    color: white;
    font-family: "Lucida Console", "Courier New", monospace;
  }

  a {
    color: #f7ede9;
  }

  a:visited {
    color: #ffc7ad;
  }

  a:hover {
    color: #c47eb0;
  }

  hr {
    color: #ffff
  }

  blockquote {
    border-left: 4px solid #ffff;
    /* The vertical bar */
    margin: 1.5em 10px;
    /* Adjust margin as needed */
    padding: 0.5em 10px;
    /* Adjust padding as needed */
  }

  .footer-part {
    left: 20px;
    right: 20px;
    align-items: center;
    justify-content: space-between;
  }

  .float-image {
    width: 50px;
    height: 50px;
    object-fit: contain;
  }

  #webbringbg {
    background: url(bg.jpeg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    z-index: -2;  
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;   /* Centers vertically */
    height: 100vh; /* Example to make parent take full viewport height */
  }

  #webbringlistcontainer {
    display: block; /* Ensure it's a block-level element */
    width: 500px;   /* Or any specific width */
    margin: 0 auto;
    background-color: #fc6f5680;
    color: #FFFFFF;
  }
  
  
  #webbringlsit {
    color: #FFFFFF;
  }