body {
    background-color: #080008;
}
/*Font color, Size and decoration*/
w40u {  color: white; font-size: 40px; text-decoration: underline;}
P40U    { color: purple; font-size: 40px; text-decoration: underline;}

w20 {  color:white; font-size: 20px; }
r30 {  color: red; font-size: 30px; }


/*end*/

/*text-colors*/

w   {   color: white;}
bl  {   color: black;}
r   {   color: red;}
gr  {   color: green;}
blu {   color: blue;}
go  {   color: gold;}
y   {   color: yellow;}


/*end text-colors*/

/*font-sizes*/
s10 {   font-size: 10px;}
s20 {   font-size: 20px;}
s30 {   font-size: 30px;}
s40 {   font-size: 40px;}
s50 {   font-size: 50px;}
s60 {   font-size: 60px;}

/*end font-sizes*/

.header {
    height: 200px;
    device-width: 90%;
    padding: 2% 8%;
    background-color: #080008;
    position: relative;

}


nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo   {
    padding-left: 5px;
    width: 130px;
    height: 130px;
}

.nav-links  {
    padding: 28px 0;
}
.nav-links li   {
    display: inline-block;
    margin: 0 15px;

}

.nav-links li a {
    text-decoration: none;
    color: #fff;
    padding: 5px 0;
    position: relative;
}

.nav-links li a::after  {
    content: '';
    background: #00ff3c;
    width: 0;
    height: 2px;
    position:absolute;
    bottom: 0;
    left: 0;
    transition: 0.5s;

}


.nav-links li a:hover::after{
    width: 100%;

}
/*TABLE*/

table {
    border: 2px;
    width: 50%;
  }
  
  th, td {
    background-color:lightgray;
    color:#080008;
    font-size: 20px;
    text-align: center;
    padding: 4px;
    margin: 10PX;
  }
  
  
  th {
    background-color: #04AA6D;
    color: white;
    font-size: 25px;
  }

  

  /*end table*/

  /*BOX*/

  /*END BOX*/