body {
background-color: #f7fafc;
}
.input-field {
width: 100%;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
outline: none;
}
.input-field:focus {
border-color: #34d399;
}
#calculate-btn-hfo, #calculate-btn-mdo{
background-color: #C69E63;
border: 1px solid #C69E63;
}
#calculate-btn-hfo:hover, #calculate-btn-mdo:hover{
background-color: white;
border: 1px solid #C69E63;
color: #C69E63;
}
.calculate-title{
color: #C69E63;
}
.right-section {
text-align: right; margin-right: 20px; }
.logo-image {
width: 80px; height: auto;
}
.love-text {
font-size: 8px;
color: #C69E63;
font-weight: bold;
text-align: center;
padding: 3px;
}
.right-section {
display: flex;
flex-direction: column;
align-items: flex-end;
margin-right: 20px;
}
.flexsection{
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
}