@font-face {
    font-family: CourierPrimeCode;
    src: url('font/CourierPrimeCode.ttf');
}


p.customfont { 
    font-family: CourierPrimeCode, monospace;
    color: cyan;
    font-size: 28px;
    text-transform: uppercase;
}

.countUpMe{
  font-size: 30px;
  font-family: CourierPrimeCode, monospace;
  color: cyan;
}

.holder{
    position: fixed;
    margin: auto;
    top: 1.3%;
    left: 30.0%;
    bottom: 0;
    right: 0;
    width: 75%;
    height: 93%;
    border: none;
    padding: 0;
    overflow: hidden;
    z-index: -20;
}

.center-fit {
            max-width: 100%;
            max-height: 100%;
            height: 100%;
            width: 100%;
            overflow:visible;
            pointer-events:none;
            position: fixed;
            z-index:20;
            position: absolute;
            top: 0; left: 0; bottom: 0; right: 0;
        }
.frame{
    width: 100%;
    height: 100%;
    background: blue;
}



.pb{
    position: absolute;
    top: 20.5%;
    left: 3.3%;
    width: 25%;
    height: 10%;
    text-align: center;
    padding: 10px;
    overflow: hidden;
    z-index: 50;
}

.pb_box{
    position: absolute;
    top: 21%;
    left: 4.3%;
    width: 25%;
    height: 15%;
    text-align: center;
    padding: 10px;
    overflow: hidden;
    z-index: 25;
}