* {
    font-size: 1em;
    font-family: monospace;
    text-align: center;
}

#btn {
    display: block;
    width: 80px;
    margin: 5px auto;
}

#btn:active {
    background-color: whitesmoke;
    color: #101010;
}

footer {
    width: 100%;
    position: fixed;
    bottom: 0;
}

footer a, footer a:hover, footer a:visited {
    display: inline-block;
    color: inherit;
    text-decoration: none;
    animation: blink 2s linear infinite;
}

@keyframes blink {
    0% {color: #000000;}
    49% {color: #000000;}
    50% {color: #FFFFFF;}
    55% {color: #FFFFFF;}
    56% {color: #000000;}
}

@keyframes exco {
    0% {font-size: 1.2em; left: -0.27em;}
    100% {font-size: 1.5em; left: -0.3em;}
    /* 100% {font-size: 1.2em; left: -0.27em;} */
}

#hrtcont {
    position: relative;
    display: inline-block;
    line-height: 1.5em;
    width: 0.2em;
}

#hrt {
    position: absolute;
    font-size: 1.2em;
    top: -0.9em;
    left: -0.27em;
    animation: exco 0.5s cubic-bezier(.03,.73,.2,.99) 2s infinite alternate;
}