body{
    margin:0;
    font-family:Tahoma;
    background:#f5f5f5;
}

.content{
    margin-right:200px;
    padding:20px;
}

.cards{
    display:flex;
    gap:20px;
}

.card{
    flex:1;
    background:white;
    border-radius:10px;
    padding:20px;
}


.content {
    margin-right: 250px;
    padding: 30px;
}

.content h2 {
    font-size: 32px;
    color: #1e293b;
    margin-bottom: 25px;
    font-family: "Cairo", sans-serif;
}

.cards {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.card {
    background: #ffffff;
    width: 250px;
    padding: 25px;
    border-radius: 16px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: 0.3s;
}

.card:hover {
    transform: translateY(-5px);
}

.card h3 {
    margin: 0;
    color: #64748b;
    font-size: 16px;
    font-family: "Cairo", sans-serif;
}

.card h1 {
    margin-top: 10px;
    color: #4f46e5;
    font-size: 42px;
    font-weight: bold;
    font-family: "Cairo", sans-serif;
}