html:



test


    
Plateform
    
        
            Order
            
        
        
            Menu
        
        
            Restuarant
        
    


    

        

            
                Manage order
            
            
                Completed order
            
            
                Closed order
            
        
    
    
    
        
    

    

        All
        Accepted
        Failed
        
    

       

           
dsdsd
           dsdsd
           dsdsdsds

css:* {

font-family: Arial;
margin: 0 0;

}

body {

background: #333333;

}

.html {

font-size: 6px;
h1: 2rem;

}

.nav {

height: 3rem;
background-color: #000000;
padding-top: 1rem;

}

.nav>h1 {

color: #ffffff;
margin-left: 3rem;
display: inline-block;

}

.nav>ul {

position: absolute;
top: 1.4rem;
left: 20rem;
display: flex;
flex-flow: row-wrap;
list-style: none;
color: aliceblue;
width: 50rem;
flex-pack: justify;
justify-content: space-around;

}

selected {

position: relative;
top: 0.3rem;
background-color: #F5B23D;
height: 0.5rem;

}

.nav>ul>li {

font-size: 1.5rem;
width: 12rem;
justify-content: space-around;
text-align: center;

}

.nav>ul>li>p {

margin: auto;

}

.content {

display: flex;
flex-direction: row;
justify-content: space-between;
width: auto;
margin: 0;
padding: 1rem;
background-color: #333333;

}

.content p {

margin-top: 0.5rem;
width: auto;
height: 50rem;

}

left {

background-color: #1F1F1F;
margin-right: 1.5rem;
margin-left: 1rem;

}

right {

flex-grow: 16;

}

.rtab {

display: block;
text-align: center;
height: 30rem;
width: 10rem;
padding-top: 2rem;

}

.rtab>li {

line-height: 3rem;
list-style: none;
font-size: 1rem;
font-weight: bolder;
height: 3rem;
width: 10.5rem;
margin-left: -1.5rem;
margin-bottom: 2rem;
color: #acacac;

}
.rtab>li:first-child {

background-color:  #333333;
color: #ffffff;

}

search{

width: 36rem;
height: 2.5rem;

}

search-button{

width: 10rem;
margin-left: 1rem;
height: 2.5rem;
background-color: #65b59a;
color: aliceblue;
}

.oders{

background-color: #333333;
margin-top: 2rem;

}
.ctab{

margin-top: 1.5rem;
background-color: #000000;
color: aliceblue;
list-style: none;
height: 3.5rem;
margin-bottom: -0.5rem;

}
.ctab>li{

display: inline-block;
margin-right: 2rem;
width: 8rem;
text-align: center;
font-weight: 800;
height: 3rem;
line-height: 3rem;

}
.ctab>li:first-child{

border-bottom: 0.5rem solid;

}
.allorders{

position: relative;
background-color: #c1c1c1;
padding-top: 0.5rem;
height: 10px;
width: 10px;

}

.order1{

background-color: aliceblue;
height: 1px;
margin: 1rem;
margin-top: 1rem;

}

.title{

height: 1rem;
background-color: bisque;
height: 1rem;

}

.userinfo{

height: 1rem;
background-color: aqua;

}
.lastt{

height: 1rem;
background-color: #161617;

}