header, footer{
    width: 75%;
    background-color: rgb(176, 198, 223);
    margin: auto;
    border-radius: 5px;
    padding: 2px 0;
}  

h1{
    text-align: center; 
}

a:link{
    text-decoration: none;
    color: rgb(82, 82, 82);
}

a:hover{
    color: aqua;
}

main{
    width: 75%;
    background-color: rgb(139, 181, 226);
    border-radius: 10px;
    margin: 20px auto;
}

hr{
    width: 90%;
    margin: 0px auto;
}

form div{
    padding: 10px 0;
    margin: 0px auto;
}

#output, nav, form, .functions, #result{
    padding: 5px 20px;
}

footer{
    text-align: center;
}

#buttons{
    margin-top: 10px;
}