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

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

*{
    margin: 0;
}

body{
    width: 100%;
    height: 100%;
    user-select: none;
    overflow: hidden;
    transition: .3s all ease-in-out;
    font-family: 'Cairo-Bold';
    opacity: 1;
}




.container-left-bottom{
    position: absolute;
    width: 30.4vh;
    height: 10.5vh;
    bottom: var(--container-bottom);
    left: var(--container-left);
    display: flex;
    scale: var(--container-scale);
}

.line-job-rank{
    position: absolute;
    top: 40%;
    left: .5%;
    width: calc(var(--px-in-vh)*3);
    height: calc(var(--px-in-vh)*20.5);
    background: var(--line-color);
    border-radius: calc(var(--px-in-vh)*1); 
}

#job-icon{
    position: absolute;
    width: 1.2vh;
    top: -1%;
    left: 4%;
    fill: var(--primary-color);
}

.job{
    position: absolute;
    text-transform: uppercase;
    display: flex;
    font-weight: 700;
    left: 10%;
    top: 37.5%;
    font-size: calc(var(--px-in-vh)*13);
    color: var(--text-color);
}

.dash-job{
    margin-left: .3vh;
    color: var(--secondary-color);
}

.rank{
    text-transform: uppercase;
    margin-left: .3vh;
    color: var(--secondary-color);
}

.line-location{
    position: absolute;
    top: 65%;
    left: .5%;
    width: calc(var(--px-in-vh)*3);
    height: calc(var(--px-in-vh)*39);
    background: var(--line-color);
    border-radius: calc(var(--px-in-vh)*1); 
}

#location-icon{
    position: absolute;
    width: 1.5vh;
    top: 25.5%;
    left: 3.5%;
    fill: var(--primary-color);
}

#postal-icon{
    position: absolute;
    width: 1.3vh;
    top: 41.5%;
    left: 4%;
    fill: var(--primary-color);
}

.location{
    position: absolute;
    text-transform: uppercase;
    font-weight: 700;
    left: 10%;
    top: 64.5%;
    font-size: calc(var(--px-in-vh)*13);
    color: var(--text-color);
}

.postal{
    position: absolute;
    text-transform: uppercase;
    font-weight: 700;
    left: 10%;
    top: 81%;
    font-size: calc(var(--px-in-vh)*12);
    color: var(--secondary-color);
}