body{
    background-color: rgb(16, 13, 92);
    margin: 0;
}
    header,
    main,
    footer { 
      width: 800px; 
    margin-left:calc((100% - 800px) / 2) ;  
    }

header {
   
    color: white;
    display: flex;
    gap: 40px;
    align-items:center ;
    justify-content: flex-start;
    margin-top: 20px;
    
}

 header>img {
    height: 40px;
    width: 100px;
    object-fit:contain ;
    object-position: left;
}
nav {
    display: flex;
    gap: 30px;

}

 nav>a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: white;
    text-decoration:none ;
   }

    nav>a:hover {
     text-decoration: underline;
   }

   main { 
    color: white;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
    
}
div {
    width: 40%;
}

h1 {}

p {}

  main >div>a {
   float: left;
   padding: 10px;
   margin: 10px;
   margin-right: 0;
   padding-left: 30px;
   padding-right: 30px;
   text-decoration: none ;
   text-transform: uppercase ;
   font-size: 20px;
   line-height:  1em;
   font-weight:  bold;
   display: inline-block;
   
   background-color: #f552a5;
    color:rgb(255, 255, 255) ;
    border-radius: 40px;
    font-weight: bold;
 }  
   div>a:hover{
    background-color: #ffffff;
    color: #f552a5;
   }
   
 main>img {
    width: 60%;
}
  footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
   
  } 
  footer >div{
    display: flex;
    gap: 1em;
    
  }
  footer >div> a{
  color: white;
  text-decoration: none;
  }