*   {
    background: #080008;    
    margin: 0;
    padding: 0;
    font-family: "poppins", sans-serif;
    box-sizing: border-box;
    device-width: 100%;

}

body{
    background-image:url("");
}

/*Font color and 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*/

.content    {
    
    font-size: 40px;
    color: white;   
}

.content2   {
    background: none;
    font-size: 40px;
    color: white;   
}

.header {
    height: 300px;
    width: 100%;
    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%;

}

.back-video  {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
}


.plt   {
    display: contents;
    color:white;
    font-size: 16px;
    justify-content: right;
    position: relative;
}

.box    {
    display: flexbox;
    margin: 0 0;
    padding: 10px 0;
    color: white;
    border-radius: 5px;
    
    background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(0,255,16,.6) 100%);
    device-width: 90%;
    max-height: 100%;
}

.box-1   {
    display: flexbox;
    margin: 0 0;
    padding: 10px 0;
    color: white;
    border-radius: 5px;
    
    background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(0,255,16,.6) 100%);
    device-width: 50%;
    max-height: 100%;
}




.img    {
    max-width: 600px;
   
}