project3.css

body{
    background:black;
    color:red;
    
}
#cls{
    width:100%;
    height:10%;
    display:grid;
    grid-template-columns: repeat(3,1fr);
    position: fixed;
    background-color: transparent;
    box-sizing: border-box;
}
.container::before{
    
    content: "";
    background-image: url(net.png);
    position: absolute;
    height: 100%;
    width: 100%;
    background-size:cover;
    opacity:0.3;
   
}
#text{
   color:white;
   text-align: center;
   padding-top:15%;
}
#second{
    
    padding-top: 20%;
    color:white;
    display:grid;
    grid-template-columns: repeat(2,1fr);
    padding-bottom:15%;
}
#third{
    padding-top:15%;
    color:red;
    text-align: center;

}
.third-one{
    padding-bottom:15%;
}
.final{
    color:white;
    font-size: 20px;
    display:grid;
    grid-template-columns: repeat(2,1fr);
}