body{
    margin:0;
    font-family:Segoe UI,sans-serif;
    background:#f4f4f4;
}

header{
    padding:20px;
    background:white;
}

input{
    width:300px;
    padding:10px;
}

.grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(250px,1fr));

    gap:20px;

    padding:30px;
}

.card{

    background:white;

    padding:30px;

    border-radius:15px;

    text-decoration:none;

    color:black;

    text-align:center;
}