html {
    background: url('background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    overflow: hidden;
    position: relative;
}

body {
    font-family: 'Archivo', sans-serif;
    color: whitesmoke;
}

h1 {
    font-style: italic;
    font-size: 8em;
    letter-spacing: -8px;
    text-shadow: 3px 2px 3px #9bd6d3;
}

.wrapper {
    position:absolute;
    width: 100%;
}

.centered {
    float: center;
    width: 100%;
    margin-bottom: 30px;
}

.calc {
    padding:5em 50px;
    margin: 30px;
}

#result {
    color: rgb(202, 58, 58);
  font-size: 85px;
  text-shadow: 1px 1px 1px #646161;
}

#textResult {
    color: white;
    font-size: 40px;
    height: 150px;
}

.heart {
  fill: red;
  position: relative;
  top: 5px;
  width: 50px;
  animation: pulse 1s ease infinite,
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}