body {
  background-image: url("stars.jpg");
  background-size: cover;        /* makes it fill the screen */
  background-repeat: no-repeat;  /* prevents tiling */
  background-position: center;   /* centers it */
  background-attachment: fixed;
}

/* MAIN CONTAINER */
.main-container {
    width: 850px;              /* change size */
    margin: 50px auto;         /* centers it */
    padding: 20px;

    background-image: url("bg.jpg"); /* CHANGE BACKGROUND HERE */
    border: 3px solid pink;
    border-radius: 20px;
       box-shadow: 0 0 15px rgba(0,0,0,0.1); /* soft shadow */
       min-height: 1300px; /* forces height */

}
/* TOP CONTAINER */
.top-box {
   border: 3px dashed #aee1e1; /* cute dashed border */
    border-radius: 20px;


    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;

    /* ✨ extra cute effects */
    box-shadow: inset 0 0 10px rgba(0,0,0,0.05);

    padding: 15px;
    margin-bottom: 20px;

    display: flex;
    align-items: center;
    gap: 15px;
    
}