body{
    margin:0;
    background:#ffffc6;
    font-family:Arial, sans-serif;
}

/* ===== Heading ===== */

h1{
    background:#1e3c72;
    color:white;
    border:10px solid orange ;
    text-align:center;
    padding:20px;
    margin:0;
    font-size:60px;
}

h2{
    color:black;
    direction:rtl;
    text-align:right;
    margin:30px;
    font-family:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;
    font-size:60px;
}

/* ===== Home & About ===== */

.about{
    width:100%;
    border-collapse:collapse;
    margin:20px auto;
}

.about td{
    border:10px solid orange ;
    padding:20px;
    vertical-align:top;
}

.pic{
    width:35%;
}

.pic img{
    width:100%;
    height:auto;
    display:block;
}

.urdu{
    background:#eeb9c6;
    color:black;
    border:10px solid orange ;
    direction:rtl;
    text-align:right;
    font-family:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;
    font-size:50px;
    line-height:2;
    padding:20px;
}

/* ===== Services ===== */

.services{
    width:100%;
    border:7px solid red ;
    margin:20px auto;
}

.services tr{
    width:100%;
}

.services td{
    width:100%;
    border:7px solid orange ;
    background:#fdfcbb;
    color:black;
    direction:rtl;
    text-align:right;
    vertical-align:middle;
    font-family:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;
    font-size:50px;
    line-height:2;
    padding:30px 25px;
}

/* ===== Navigation ===== */

nav{
    background:#66ffff;
    text-align:center;
    padding:30px;
}

nav a{
    background:#bfb3ff;
    color:red;
    text-decoration:none;
    padding:20px 30px;
    margin:5px;
    display:inline-block;
    font-size:23px;
    font-weight:bold;
}

nav a:hover{
    background:#f2a5ff;
    
}