@font-face {
  font-family: bitcount; /* set name */
  src: url(/fonts/Bitcount_Prop_Single/BitcountPropSingle-VariableFont_CRSV,ELSH,ELXP,slnt,wght.ttf); /* url of the font */
}

.heartratebox{
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%,0);
    width:max-content;
    /*align-items: center;*/
}

.hearticon{
    width: 60px;
    margin-left: 50%;
    transform: translate(-50%,0);
    position: absolute;
    /* animation: heartbeat 1s infinite; */
}

.pagedescription {
    font-family: monospace;
    font-family: bitcount;
    font-size: 14px;
    font-weight: bold;
    font-weight: 300;
    color:rgb(146, 146, 146);
    text-decoration: none;
    margin-top: -3px;
}

.pagetitle {
    font-family: monospace;
    font-family: bitcount;
    font-size: 35px;
    font-weight: bolder;
    font-weight: 500;
    margin: 0;
    margin-top: 70px;
}

@keyframes heartbeat {
    0% {width:60px; margin-top: 0;}
    70% {width:60px; margin-top: 0;}
    80% {width:70px; margin-top: -5px;}
    90% {width:55px; margin-top: 2.5px;}
    100% {width:60px; margin-top: 0;}
}