*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    overflow:hidden;
}

body{
    height:100vh;
    background:rgb(249, 246, 250, 0.4);
    display:flex;
    justify-content:center;
    align-items:center;
}

main{
    width:2000px;
    background-color:rgb(92, 66, 116);
    box-shadow:white 0px 20px 25px -5px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-template-rows:100px 200px 200px 100px;
    grid-gap:50px;
}
nav{
    grid-column:1/-1;
}
aside{
  /*  background:#fb0094; */
    background:rgb(240, 7, 46);
    grid-row:2/span 2;
}
.box1{
    background:#884804;
}



.box2{
    background:#041358;
    
}

.box3{
    background:#072a30;
}

.box4{
    background:black;
}
p{
    color:whitesmoke;
    font-size:100px;
    text-align:center;
    text-decoration:none;
    
}
p:hover{
    background:rgb(221, 27, 37);
    text-decoration:none;
}




h5{
    color:rgb(144, 132, 167);
    font-size:20px;
    text-align:left;
}
h3{
    color:white;
    font-size:15px;
}

.main-content{
    background:rgb(54, 104, 4);
}

footer{
    /*background:rgb(21, 21, 46); */
    background:rgb(156, 16, 145);
    grid-row:4/span 1;
    grid-column: 1/ -1;
    position:relative;
    width:100%;
    height:auto;
    padding:10px 25px;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;

}

footer .container {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    flex-direction:row;

}

footer .container .sec{
    margin-right:100px;
}


footer .container .sec.aboutus{
    width:70%;
}

footer .container .sec.aboutus h3{
    position:relative;
    color:yellow;
    text-decoration:none;
}

.sci li a:hover{
    background:red;
    text-decoration:none;
    
}

.sec ul li a {
    text-decoration:none;
}

.script{
    position:relative;
    width:45%;
}
.script ul li a {
color:yellow;
text-decoration: none;
margin-bottom:5px;
}

.script li a:hover{
    background:lawngreen;
}

.script1{
    position:relative;
    width:25%;
}
.script1 ul li a {
color:rgb(192, 83, 116);
text-decoration: none;
margin-bottom:5px;
}

.script1 li a:hover{
    background:rgb(13, 145, 155);
}

.script2{
    position:relative;
    width:75%;
}
.script2 ul li a {
color:rgb(66, 197, 83);
text-decoration: none;
margin-bottom:5px;
}

.script2 li a:hover{
    background:rgb(216, 146, 15);
}