@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');

*{
    font-family:'Times New Roman',sans-serif;
    padding:0;
    margin:0;
}
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}
a{
    color:gray;
    text-decoration:none;
}

body {
    /*background-image:linear-gradient(to right,#0b054c,#0c033f);*/
    /*height:100vh;*/
    /*display:flex;*/
    /*justify-content:center;*/
    /*align-items:center;*/
        /*margin-bottom: 60px;*/
}
/*.container{
    background-image:
        linear-gradient(to right,#c4b456,#00000088),
        
    url(../mmm.jpg);
    background-size:contain;
    width:100;
    height:640%;
}
    .container:hover {
        background-image: linear-gradient(to right,#cec572 30%,transparent), url(../mmm.jpg);
    }*/
    header{
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:15px;
    }
    .logo{
        font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        font-size:20px;
        text-transform:uppercase
    }
    ul{
        whidth:60%;
        list-style:none;
        display:flex;
        justify-content:space-evenly;
    }
p a {
    border-bottom: 2px solid transparent;
   font-size:25px;
}
    p a:hover {
        border-bottom-color: white;
    
}
    ul a{
        border-bottom:2px solid transparent;

    }
    ul a:hover{
        border-bottom-color:white;
    }
    ul li{
        color:black;
        font-size:x-large;
    }
    .content{
        color:white;
        width:50%;
        margin-top:50px;
        padding:30px;

    }
    .content h2{
        font-size:50px;
        text-transform:uppercase;
    }
    
    .content p{
        letter-spacing:10px;
        width:350px;
        padding:20px 0;
        color:black;
        font-family:'Sakkal Majalla';
        font-size:x-large;
        
    }
   .content hr{
        font-size:x-large;
        color:black;
    }
h1 {
    color:black ;font-size:40px ;padding:20px 0;
}
.processed {
    background-color: #28a745; /* لون الصف المعالج */
}

.pending {
    background-color: #dc3545; /* لون الصف قيد المعالجة */
}