*
{
    margin:0;
    padding: 0;
}



body{
   
   
    margin: 0;
    padding: 0;
    background-size: cover;

}


header
{
   
    background-color:#1E40AF;
    width: 100%;
    padding:1rem;
    border-bottom-left-radius: 1.4rem;
   
}

.header h1
{
   
    color:white;
    font-size: 2rem;;
    
}

.one
{
    padding:2rem;
   
}

.one .image 
{
    max-width: 300px;
    display: block;
   margin: auto;
   border-radius: 10%;
   padding:2rem;
}

.one h2
{
    text-align: center;
    font-size: 2rem;
     color:black;
}

.two 
{
    background-color: #DBEAFE;
    padding: 1rem;
}

.heading 
{
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
}

#btnn 
{
    background-color:#1E3A8A;
    color:white;
    text-align: center;
    border-radius: 10px;
}

#info
{
    text-align: center;
}
footer
{
    padding-top: 1rem;
    background-color: black;
    text-align: center;
    padding-bottom: 0.5rem;
}


footer ul
{
    list-style: none;
    
}
footer ul li
{
    display: inline;
    
    padding-right: 0.5rem;
}

footer ul li a 
{
    text-decoration: none;
    color:black;
    font-weight:bold;
}

#loading , #results
{
display: none;
}
#info
{
text-align: center;
padding-top: 10px;
}