body {
    
    margin: 0;
    padding: 0;
    background-color: aliceblue;
    
    
    
    
    
    font-family: Arial, Helvetica, sans-serif;

    padding: 8px;
 }
 #top {
     text-align: center;
 }


 #logo-name{
font-size: 50px;
font-weight: bold;
margin-top: 1px;
 }
 
 
 
 #logo {
  color:rgb(241, 187, 11);
  background-color:rgba(35, 35, 201, 0.822) ;
display: inline-block;
font-size: 50px; 
font-weight: bold;
margin-top: 16px;


 }

#navigation a {
color: rgb(30, 217, 241);

font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

font-size: large;

font-weight: bold;

padding: 8px;

}

#navigation a:hover {
    color: rgb(145, 19, 204);
}

#image img {
    margin-top: 60px; margin-bottom: 44px;

}

#main {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#footer {
     text-align: center;
    color: gray; 
    padding: 16px;
 }

 .search-box{
     position: absolute;
     top: 120px;
     left: 560px;
 height: 40px;
 border-radius: 40px;
     background-color: grey;
     padding: 10px;
 }
.search-btn{
color: rgb(62, 65, 65);
float: left;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgb(32, 32, 32);
display: flex;
justify-content: center;
align-items: center;

}
.search-txt{
    border: none;
    background: none;
outline: none;
float: right;
padding: 0;
color: white;
font-size: 16px;
transition: 0.4s;
line-height: 40px;
width: 200px;

}