@import './bootstrap.min.css';
@import './all.min.css';



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

:root{
  --bgcolor: #eff2f1 ;
  --firstcolor: #4059ad;
  --secondcolor: #97d8c4;
  --thirdcolor: #f4b942;
  --textcolor: #424242;
  --border-radius: 5px;
  
  
}

/* header styles */
header img{
    width: 100%;
  position: absolute;
  
}
header .logo{
  height: 5rem;
  width: 6rem;
  position: absolute;
  margin-left: 47%;
  margin-top: 1rem;
}
header .home{
  height: 2rem;
  width: 2rem;
  display: block;
  margin-left: 4%;
  margin-top: 3%;
  }
  

body{ 

  color: var(--textcolor);
  background-color:#f0f0ee ;
}
.container{
   direction: rtl;
  text-align: right;}
.resume-div{

  width: 80%;

  
}
.resume-div h5{
  margin-bottom:2rem;
  padding-top: 3rem;
}
table{
  margin-right: 35%;
}
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;


}
th, td {
  padding: 15px;
  text-align: right;
}
#t01 tr:nth-child(even) {
  background-color: #eee;
}
#t01 tr:nth-child(odd) {
 background-color: #fff;
}
#t01 th {
  background-color: black;
  color: white;
}

.table2{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}



ul li ul{ margin-right: 3rem; margin-top: .5rem;}


@media (max-width: 991.98px) { 
  .logo{display: none;}
}