body {

   background-color: rgb(27, 19, 46);
   margin: 0;


}







#topnav {
   width: 100%;
   position: sticky;
   top: 0;
   left: 0;
   background-color: rgb(39, 39, 39);
   font-family: Arial, sans-serif;
   font-size: 15px;

   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0px;
   margin: 0px;
   z-index: 1;
}

.nav-link {
   width: 100px;
   height: 55px;
   color: rgb(255, 255, 255);
   text-align: center;
   line-height: 55px;
   text-decoration: none;
   display: flex;
   justify-content: center;
   align-items: center;

}

#home {
   width: 120px;
   height: 55px;
   background-color: rgb(17, 17, 17);
   font-weight: bold;
   text-decoration: none;
   text-align: center;
   line-height: 55px;
   color: rgb(255, 255, 255);


}


.nav-links {
   display: flex;
   gap: 10px;
}


img {

   width: 250px;
   height: 250px;
   display: flex;
   flex-direction: column;
   margin: 25px;
   border-radius: 10px;

}

h2 {

   background-color: rgb(140, 105, 163);
   font-family: monospace;
   color: white;
   text-align: center;
   margin: 0;
}


p {
   color: white;
   margin: 25px;
   font-size: 25px;

}

form {
   display: flex;
   flex-direction: column;
   width: 200px;
   float: left;
   position: absolute;
   top: 400px;
   right: 850px;
   color: rgb(178, 143, 235);
   font-size: 24px;
   


}

input {

   color: rgb(29, 29, 29);
   background-color: rgb(241, 198, 230);
   font-size: 15px;

}