body {
    padding: .75rem;
    color: rgb(102, 106, 119);
}
.date-input {
    flex-basis: 100px;
    flex-grow: 1;
}

.calculator {
    background-color: lavender; 
    max-width: 900px;
    margin-inline: auto;
        min-height: 360px;

}

form {
    background-color: rgb(206, 213, 238);  
}

#submit-btn {
    border: none;
    margin-inline: auto;
    display: block;
    margin-block-start: 1.5rem;
    border-radius: .3rem;
    transition: .3s;
    padding-inline: .7rem;

    &:hover {
        background-color: lavender;
    }
}

.more-info-btn, a{
    color:  rgb(160, 165, 183);
    &:hover {
        color: rgb(124, 129, 144);
    }
}

ul {
    list-style-type: '✨';
}

.modal-content {
    background-color: lavender;
    color: rgb(124, 129, 144);
}

.h3 {
    color: rgb(160, 165, 183);
    max-width: 400px;
    margin-inline: auto;
}