@font-face{
    font-family: 'heavitas';
    src: url('./fonts/Heavitas.eot') format('embedded-opentype'),
        url('./fonts/Heavitas.woff2') format('woff2'),
        url('./fonts/Heavitas.woff') format('woff'),
        url('./fonts/Heavitas.ttf') format('truetype'),
        url('./fonts/Heavitas.svg') format('svg');
}
body{
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #DDFFBC;
}
form {
    display: inline-block;
}
p{
    font-weight: 600;
    color: #496944;
}
h1{
    font-family: heavitas;
    color: #91C788;
}
table{
    border: 2px solid #496944;
    border-radius: 5px;
    padding: 21px;
    background-color: #FEFFDE;
}
input:not([type=radio], [type=checkbox]),button {
    padding: 5px;
    width: 95%;
    font-weight: bold;
    background-color: #DDFFBC;
    border-radius: 5px;
    border: 1px solid #496944;
    border-radius: 5px;
}
input[type=submit], input[type=reset],button{
    color: #496944;
    padding: 6px;
    width: auto;
    cursor: pointer;
}
input[type=submit]:hover, input[type=reset]:hover{
    background-color: #b6db91;
}
select{
    padding: 5px;
    background-color: #DDFFBC;
    width: 95%;
    border: 1px solid #496944;
    border-radius: 5px;
}
td{
    padding: 7px;
}
label{
    font-weight: bold;
    color: #496944;
}
img.leaf{
    width: 100px;
    float: right;
    opacity: 70%;
    margin-bottom: 26px;
}
img.leaf:hover{
    opacity: 90%;
}
::placeholder{
    opacity: 40%;
}
#caccount{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #496944;
}
a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px; 
    font-weight: bold;
    text-decoration: none;
}