*{
  	margin: 0;
  	padding: 0;
  	box-sizing: border-box;
  }

  body{
    /* background-color: #F3E9DD; */
    font-family: Droid Arabic Kufi;
    font-size: 16px;
  }
   .fixed{
     height: 35px;
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     background-color: #379237;
   }

   .fixed .dateTime{
     margin-right: 10px;
     float: right;
     font-size: 0.8rem;
     height: 35px;
     line-height: 35px;
     color: #EEE;
    }

   .fixed .dateTime .fa-earth-africa{
     font-size: 1.4rem;
     vertical-align: middle;
     color: #0008C1;
   }

   .logo{
      position: absolute;
      top: 0;
      left: 7%;
      width: 100px;
      height: 130px;
      background-color: #FCF8E8;
      border-radius: 0px 0px 15px 15px;
   }

   .logo img{
     width: 100px;
     height: 130px;
   }

   header{
     height: 140px;
      width: 100%;
      font-size: 2rem;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: auto;
      margin-left: auto;
      /* background-image: linear-gradient(to right, rgb(38 66 209), rgb(97 223 118 / 70%)); */
   }

   header img{
     /* width: 100px; */
     height: 130px;
   }

   .title{
     padding: 0px;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-flow: column;
   }

   .title p{
     text-align: center;
     margin: 0px;
     padding: 0px;
     height: auto;
     font-size: 1.2rem;
     font-weight: bold;
   }

   .title p:first-child{
     color: #379237
   }

   .title p:last-child{
     font-size: 0.8rem;
     margin: 0px;
     color: #0008C1
   }