@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

body{
    background-color: #FF9A8B;
    background-image: linear-gradient(90deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%);
    
}
.card-block{
    color: aqua;
    background: #444;
    border: none;

}

.btnInput{
    
    padding: 15px;
     margin-top: 10px;
    border-radius: 25px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    cursor: pointer;
    border: none;
}

.btnInput:hover{
    background: #444;
    color:aqua;
    transition: all 0.5s ease;
}

#bmiOutput{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 10px;
    
    height: 50px;
    
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    /* line-height: 1; */
    color: aqua;
    background: #444;
}

.text{
    font-family: 'Poppins', sans-serif;
}