/* nav starts */
nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgb(0, 174, 255);
  grid-area: nav;

}
ul{
   list-style-type: none;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: blue;
}
/* nav ends */

body{
background-image:url("images/contact-page-background-2.jpeg");
    text-align: center;
}

h1{
    color:white;
}

div{
    grid-area: social;
     background-color: rgb(63, 63, 100);
}
input{
    border: 2px solid white;
}

hr{
        height: 1px;
        background-color: #ccc;
        border: none;
    }

p1{
    color: white;
    
   
}

form{
    background-color: rgb(63, 63, 100);
    border: 20px purple;
    margin: 20px;
    padding: 20px;
}