*{
    margin:0%;
    padding: 0%;
}
nav{
    background-color: black;
    color:blueviolet;
    padding: 30px;
}
h1,li,ul{
    display: inline;
}
ul{
    margin-left: 68%;
}
li:hover{
    color:darkcyan;
}
li{
    cursor:  pointer;
}
input{
    width: 30%;
    padding: 10px;
    text-align: center;
    font-size: larger;
}
.p1,.p2,.p3,.p4,.p5,.p6{
    border-style: solid;
    border-color:blueviolet;
    border-width: 8px;
    display: inline-block;
    width: 485px;

}
.p1:hover{
    color: red;
    background-color:lightskyblue;
}
.p2:hover{
    color:red;
    background-color:lightskyblue;
}
.p3:hover{
    color: red;
    background-color: lightskyblue;
}
.p4:hover{
    color:red;
    background-color: lightskyblue;
}
.p5:hover{
    color:red;
    background-color: lightskyblue;
}
.p6:hover{
    color:red;
    background-color: lightskyblue;
}
.para{
    background-color: black;
    color: white;
}
.contact{
    text-align: center;
}
.one{
    display:inline-block;
    background-color: blueviolet;
}
.two{
    display: inline-block;
    background-color: blueviolet;
}