body {
    font-family: sans-serif;
    background: whitesmoke;
    color: blue;


    }

    h1 {
        font-size: 3rem;
        color: blue;
        padding-left: 3rem;
        margin: auto;
    }



/* --- Grid Layout --- */
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1.5rem));
  gap: 1rem;
  padding: 3rem;
  max-width:2000px;
  margin:0;

}

/* --- Individual Cards --- */
.card {
  background: whitesmoke;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border: 1px solid blue;
  
}


/* --- Text Styles --- */
.line1 {
  font-size: 4rem;
  font-weight: 700;
}

.line2 {
  font-size: 2rem;
  color: blue;
}

.line3 {
  font-size: 2rem;
  color: blue;
}