body,form{display:flex}#resultContainer,h1{color:var(--dark-pink)}button.calculateAgain,input[type=submit]{background-color:var(--pink);color:#fff;cursor:pointer;font-weight:700;transition:.3s}:root{--background-color:#fae1dd;--white:#fff;--pink:#ff7eb3;--dark-pink:#e63946}body{font-family:Arial,sans-serif;justify-content:center;background-color:var(--background-color);background-image:url('../img/mini-hearth.png');background-size:50%}.container{background:var(--white);padding:1.25em;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2);max-width:350px;width:100%;margin-top:1.5rem}form{flex-direction:column;gap:10px}input[type=submit],input[type=text]{padding:.625em;border:1px solid #ccc;border-radius:5px;font-size:1rem}button.calculateAgain:hover,input[type=submit]:hover{background-color:var(--dark-pink)}#resultContainer{margin-top:20px;font-size:1.25rem;font-weight:700;opacity:0;transition:opacity .5s ease-in-out}button.calculateAgain{padding:.625em;border:1px solid #ccc;border-radius:5px;font-size:1rem}.footer{position:absolute;bottom:0;width:100%;right:0;text-align:center;padding:1px;font-size:1rem;color:#555;background:url('../img/mini-hearth.png')}