*{
margin: 0;
padding: 0;
}

nav{
    
background-color: darkblue;
color: white;
padding: 40px;
text-align: center;
flex-wrap: wrap;
}
tr{
width: 100px;
flex-wrap: wrap;
}
ol{
    
display: inline;
}
.iner{
padding: 40px;
margin-left: 10px;
justify-content: ;

}
input{
padding: 10px;

}

.iner{
text-align: center;

flex-wrap: wrap;
}
.container{
    
margin: 40px;
flex-wrap: wrap;
flex-basis: 30%;
}
p{
cursor: pointer;
background-color:lightcyan;
color: blueviolet;
}

.chi{
padding: 10px;
}


.container,.p1,.p2,.p3{
justify-content: space-around;
flex-wrap: wrap;
padding: 20px;
flex-basis: 25%;
}

.p1{
border-color: black;
border-width: 3;
border-style: solid;
width: 220px;

}
.p2{
border-color: black;
border-width: 3;
border-style: solid;

width: 220px;
}
.p3{
border-color: black;
border-width: 3;
border-style: solid;
width: 220px;
}
.p4{
    border-color: black;
    border-width: 3;
    border-style: solid;
    width: 220px;
    }


    .p5{
        border-color: black;
        border-width: 3;
        border-style: solid;
        width: 220px;
        }
        .p6{
            border-color: black;
            border-width: 3;
            border-style: solid;
            width: 220px;
            }
button{
padding: 10px;
background: lightgreen;
}

.mm{
    background-color: black;
    color: white;
    
    
    border-color: black;
    border-width: 3px;
    border-style: solid;
    width: 270px;
margin: 30px;
padding: 20px;
}
tr{
color: white;
}

.box2{
    
flex-wrap: wrap;
justify-content: space-around;
flex-basis: 25%;
margin: 30px;
}
.p4,.p5,.p6{
padding: 20px;
}
P:hover{

color: black;
}