/*
Coder: KLP
Date: 05/09/2022
Site: personalFinance2022-05-09
File: pFinanceStyles.html
*/

body{
    background-color: #D7C19C;
}

nav{
    border-bottom: 1px solid #004493;
    background-color: azure;
}

img#moneyIcon{
    height: 50px;
    width: auto;
}

/*--- general form styles ---*/

form{
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
}

legend{
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

img#artworkImg{
    height: 350px;
    width: auto;
    margin-top: 0px;
    margin-bottom: 50px;
}

figcaption{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

figure{
    /* background-color: yellow; */
    max-width: 300px;
}

div#badInputDiv{
    display:none;
}

@media (max-width: 770px) {
    figure#formFig{
       display: none;
    }
}

/*--- custom colors ---*/
.light-green{
    background-color: #a4f2c6;
}

.green{
    background-color: #007435;
}

.brown{
    background-color: #8B4731;
}