body {
       background-image: url(hair2.jpg);
       background-repeat: no-repeat;
       background-size: cover;
       background-color: pink;
       margin: 0;
   }

   header {
       width: 100%;
       /* background-color: purple; */
       color: white;
       background-color: rgba(255, 255, 255, 0.3);
       padding: 10px 0;

   }

   #container {
       display: flex;
       justify-content: flex-end;
       gap: 20px;
       margin-right: 20px;
   }


   h1 {
       color: navy;
   }

   form {
       background-color: pink;
       /* background-color: rgba(255, 255, 255, 0.1); */
       border: 1px solid purple;
       border-radius: 12px;
       text-align: center;
       width: 350px;
       margin-top: 50px;
       margin-left: 950px;
       margin-bottom: 50px;
       padding: 20px;
       box-shadow: 0 0 60px 0 palevioletred;
       font-size: 17px;
   }

   input[type="file"] {
       margin-top: 1px;
       border-radius: 5px;
       background-color: transparent;
       height: 35px;
       width: 90%;
       text-align: center;
       border: 1px solid black;
   }

   input[type="file"]::file-selector-button {
       height: 35px;
       width: 150px;
       text-align: center;
       background-color: pink;
       border: none;
   }

   input[type="file"]::file-selector-button:hover {
       border: none;
       background-color: whitesmoke;

   }

   input[type="text"] {
       margin-top: 5px;
       border-radius: 5px;
       background-color: transparent;
       text-align: center;
       height: 35px;
       width: 90%;
       border: 1px solid black;
   }

   input[type="date"] {
       margin-top: 5px;
       border-radius: 5px;
       background-color: transparent;
       height: 25px;
       text-align: center;
       width: 90%;
       height: 35px;
       border: 1px solid black;
   }

   input[type="submit"] {
       padding: 8px 16px;
       background-color: purple;
       color: white;
       border: none;
       border-radius: 5px;
       cursor: pointer;
   }

   input[type="submit"]:hover {
       background-color: darkmagenta;
   }

   a {
       border: none;
       color: navy;
       margin: 20px;
       text-decoration: none;
   }

   a:hover {
       color: black;
   }

   #output {
       border: 1px solid purple;
       /* color: whitesmoke; */
       display: none;
       padding: 12px;
       margin-top: 200px;
       margin-left: 820px;
       width: 350px;
       border-radius: 15px;
       text-align: center;
       background-color: pink;
       box-shadow: 0 0 80px 0 white;
   }