body{

    margin:0;

    font-family:sans-serif;

    background:#f5f1e8;

    color:#333;

}

header{

    background:#2b4b3f;

    color:white;

    padding:25px;

}

header h1{

    margin:0;

}

nav{

    margin-top:15px;

}

nav a{

    color:white;

    text-decoration:none;

    margin-right:20px;

}

main{

    max-width:900px;

    margin:auto;

    padding:40px 20px;

}

.hero{

    background:white;

    border-radius:15px;

    padding:50px;

    text-align:center;

}

.hero h2{

    margin-top:0;

    font-size:38px;

}

.button{

    display:inline-block;

    margin-top:30px;

    padding:14px 24px;

    background:#3b82f6;

    color:white;

    text-decoration:none;

    border-radius:8px;

}

.card{

    background:white;

    border-radius:15px;

    padding:25px;

    margin-bottom:20px;

    box-shadow:0 5px 15px rgba(0,0,0,.08);

}

.card h3{

    margin-top:0;

}

.open{

    display:inline-block;

    margin-top:15px;

    padding:6px 14px;

    border-radius:30px;

    background:#4caf50;

    color:white;

}

.closed{

    display:inline-block;

    margin-top:15px;

    padding:6px 14px;

    border-radius:30px;

    background:#d32f2f;

    color:white;

}

footer{

    text-align:center;

    padding:40px;

}