.hearts-on-top {
       position: absolute;
       left: 9pt;
       top: 3pt;
       color: white;
       z-index: 2;
    }

    .interest-on-top {
       position: absolute;
       right: 9pt;
       top: 3pt;
       color: white;
       z-index: 2;
    }

    .times-made-on-top {
       position: absolute;
       left: 40%;
       width: 20%;
       top: 3pt;
       color: white;
       z-index: 2;
       font-size:150%;
       display: flex;
       justify-content: center;
       color: white;
       text-shadow:
          -2px -2px 0 #fff,
          0   -2px 0 #fff,
          2px -2px 0 #fff,
          2px  0   0 #fff,
          2px  2px 0 #fff,
          0    2px 0 #fff,
          -2px  2px 0 #fff,
          -2px  0   0 #fff;

    }

    .ov-container {
       position: relative;
       width: 100%;
    }
    .ov-bottom {
       display: block;
       background-color: #f0f;
    }

    .interest-1 {
    }

    .interest-2 {
       font-size: 150%;
    }
    .interest-3 {
       font-size: 200%;
    }
    .interest-4 {
       font-size: 250%;
    }
    .interest-5 {
       font-size: 300%;
    }

    .hearts-1 {
    }

    .hearts-2 {
       font-size: 150%;
    }
    .hearts-3 {
       font-size: 200%;
    }
    .hearts-4 {
       font-size: 250%;
    }
    .hearts-5 {
       font-size: 300%;
    }

    .ttttag-display {
       width: 100%;
    }

    .smaller {
       font-size: 80%;
    }