body{
    font-family: 'Segoe UI' , 'Helvetica Neue',sans-serif;
    background-color: #f4f4f4;
    
    padding: 2rem;
    line-height: 1.8;
    color: #333;
    max-width: 800px;
    margin:2rem auto;
    box-shadow : 0 0 10px rgba(0,0,0,0);
    border-radius: 8px;
    }
    h1{
        color: #2c3e50;
        font-size: 2rem;
        margin-bottom: 1rem;
        text-align: center;
        
        }
    h2{
        color: #34495e;
        margin-top: 2rem; 
        margin-bottom: 1rem;
        font-size: 1.5rem;
        border-bottom: 2px solid #ccc;
        padding-bottom: 0.5rem;
    }
    p{
        margin: 1rem 0;
        font-size: 1rem;
    }
    ul{
        margin-left: 1.5rem;
        list-style-type: disc;;
    }
    li{
        margin-bottom: 0.5rem;
    }
    a{
        color: #3498db;
        text-decoration: none;
        font-weight:bold;
    }
    a:hover{
        text-decoration: underline;
    }
    footer{
        margin-top: 3rem;
        font-size: 0.9rem;
        color: #777;
        text-align: right;
        border-top: 1px solid #ddd;
        padding-top: 1rem;
    }