body{
    background-color: black;
    color: white;
    padding: 20px;
    text-transform: uppercase;
    text-align: center;
}
.logo{
    width: 25%;
    height: 25%;
}
.logo img{
    width: 50;
    height: 50;
}

.rrow{
    border-bottom-style: solid;
    border-bottom-width: thin;
    padding: 10px 0;
}

.row{
    width: 100%;
    display: flex;
}


.left{
    text-align: left;
}

.right{
    text-align: right;
}

.width1{
    width: 150px;
    padding: 5px;
}
.width2{
    width: 100%;
    padding: 5px;
}            
.le_top{
    border-top-left-radius: 5px;
}
.le_bottom{
    border-bottom-left-radius: 5px;
}
.ri_top{
    border-top-right-radius: 5px;
}            
.ri_bottom{
    border-bottom-right-radius: 5px;
} 

.col1{
    background-color: dimgray; 
}

.col2{
    background-color: gray;
}

 .col3{
    background-color: lightgray;
    color: black;
}
.pie{
    font-size: 10pt;
}