body{
        font-family: Arial, Helvetica, sans-serif;
        margin:0;
        padding:0;
        background:#f4f6f9;
        color:#333;
        line-height:1.6;
    }

    .mathHeader{
        background:#009447;
        color:white;
        padding:30px;
        text-align:center;
    }
 
 main{
        max-width:1000px;
        margin:auto;
        padding:20px;
    }

    section{
        background:white;
        margin-bottom:20px;
        padding:20px;
        border-radius:10px;
        box-shadow:0 2px 6px rgba(0,0,0,0.1);
    }
    
        h2{
        color:#009447;
        border-bottom:2px solid #e0e0e0;
        padding-bottom:5px;
    }

    table{
        width:100%;
        border-collapse:collapse;
        margin-top:15px;
    }

    table, th, td{
        border:1px solid #ccc;
    }

    th{
        background:#009447;
        color:white;
    }

    th, td{
        padding:10px;
        text-align:left;
    }
    
      .problem{
        background:#D0F6BF;
        padding:15px;
        margin:10px 0;
        border-left:5px solid #009447;
        border-radius:5px;
    }

    .answer{
        display:none;
        margin-top:10px;
        color:#009447;
        font-weight:bold;
    }
    
       button{
        padding:8px 14px;
        background:#009447;
        color:white;
        border:none;
        border-radius:5px;
        cursor:pointer;
    }

    button:hover{
        background:#006B33;
    }

    footer{
        text-align:center;
        padding:20px;
        background:#009447;
        color:white;
    }