style.css

:root{
    --heart-color:#ff5873;
    --background-color: #ebc8c0;
    --white:#fff;
  }
  body{
    font-family: Tahoma;
    background-color: var(--background-color);
    margin:0;
    padding:0;
    display:flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    flex-direction: column;
    color:var(--heart-color);
    background-image:url('images/mini-hearth.png');
    background-size: 75%;
  }
  .card{
    text-align: center;
  }
  .title{
    font-size: 28px;
  }
  .animation{
    width: 280px;
    display: inline-block;
  }
  .img-fluid{
    width: 100%;
    height: auto;
  }
  .text{
    padding:20px;
    font-size:18px;
  }
  .button{
    background: var(--heart-color);
    color:var(--white);
    border: 0 none;
    padding:10px 30px;
    text-align: center;
    display: inline-block;
    margin:0 10px;
  }
  .button.button__negative{
    background: var(--white);
    color: var(--heart-color);
  }
  .button.button__error{
    width: 100%;
    display: none;
  }