.nav
      {
        background-color: black;
        height: 10dvh;
      }
      main, body
      {
        background-color:rgb(255, 255, 255);
                /* background-color:rgb(238, 242, 255); */

        color: rgb(31, 31, 31);

      }
h2
{
  color:#181818;
}
      input[name="s"]
      {
border-radius:50px;
border-color: var(--purple);
border-width: 1px;
      }
      input[value="Search"]
      {
        border-radius: 50px;
        background-color: var(--orange);
        color:white;
        transition: all 0.4s;
        border: 1px solid white;
        outline: none;
      }
      input[value="Search"]:hover
      {
        background-color: white;
        color:var(--orange);
        border-color: var(--orange);
      }
      input[value="Search"]:focus
      {
        outline: unset !important;
      }