.welcome-banner {
  text-align: center;
  background-color: salmon;
  /* margin: 0px 100px 0px 100px; */
  padding: 0px 100px 0px 100px;
  border-radius: 10px;
}

body{
    background-color: lightgray;
}

.sign-in-box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: lightgreen;
    /* margin: 1px 600px 40px 600px;
    padding: 0px 100px 20px 100px; */
    border-radius: 10px;
    width: 90%;             /* Takes up 90% of screen width on small screens */
    max-width: 300px;       /* Stops expanding on large screens */
    margin: 20px auto 40px; /* 'auto' automatically centers the box horizontally */
    padding: 20px;          /* Balanced padding all around */
    box-sizing: border-box; /
}