styles.css

body{
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background-color:seagreen;
    color:oldlace;
}

table{
    padding: 1%;
    color:sienna;
    font-size: medium;
}

p{
    font-size: medium;
}

input{
    font-size: medium;
    padding: 5px;
    margin-left:10px;
    border: solid 5%;
    border-style: solid;
    border-radius: 10px;
    border-color: sienna;
    background-color:oldlace;
}

.title{
    padding: 2%;
    text-align: center;
}

.adj-calc-div{
    padding: 2%; 
    width: auto; 
    text-align: center;
    max-width: 90%; 
    position: relative; 
    display: block; 
    margin-left: auto; 
    margin-right: auto;
    background-color:oldlace;
}

.result{
    position:relative;
    width: auto;
    padding: 3%;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    background-color: sienna;
    color: oldlace;
    text-align: center;
}

.button{
    position: relative;
    padding: 2%;
    background-color:seagreen;
    color:oldlace;
    border-style: solid;
    border-color: seagreen;
    border-radius: 10px;
    font-size: medium;
}
.button:hover{
    position: relative;
    padding: 2%;
    background-color: sienna;
    color:oldlace;
    border-style: solid;
    border-color: sienna;
    border-radius: 10px;
    font-size:medium;
}