/*
==========================================================

PremiumZone

Version :
1.0.0

File :
assets/css/typography.css

Description :
PremiumZone Typography

==========================================================
*/

/* ==========================================================
   ROOT
========================================================== */

:root{

    --pz-white:

        #F4F4F4;

    --pz-cyan:

        #00F3FF;

    --pz-gray:

        #8E8E8E;

}

/* ==========================================================
   TITLE
========================================================== */

.pz-title{

    color:

        var(

            --pz-white

        );

    font-size:

        30px;

    font-weight:

        700;

    letter-spacing:

        8px;

    line-height:

        1;

    text-transform:

        uppercase;

}

/* ==========================================================
   SUB TITLE
========================================================== */

.pz-subtitle{

    color:

        var(

            --pz-cyan

        );

    font-size:

        13px;

    letter-spacing:

        4px;

    text-transform:

        uppercase;

}

/* ==========================================================
   LABEL
========================================================== */

.pz-label{

    color:

        var(

            --pz-gray

        );

    font-size:

        11px;

    letter-spacing:

        3px;

    text-transform:

        uppercase;

}

/* ==========================================================
   STATUS
========================================================== */

.pz-status{

    color:

        var(

            --pz-cyan

        );

    font-size:

        11px;

    letter-spacing:

        2px;

    text-transform:

        uppercase;

    text-shadow:

        0 0 4px

        rgba(

            0,

            243,

            255,

            .45

        );

}

/* ==========================================================
   TERMINAL
========================================================== */

.pz-terminal{

    color:

        var(

            --pz-white

        );

    font-size:

        11px;

    letter-spacing:

        2px;

}

/* ==========================================================
   ONLINE
========================================================== */

.pz-online{

    color:

        var(

            --pz-cyan

        );

    font-size:

        11px;

    font-weight:

        700;

    letter-spacing:

        2px;

}

/* ==========================================================
   GLOW
========================================================== */

.pz-glow{

    text-shadow:

        0 0 2px

        #00F3FF,

        0 0 8px

        rgba(

            0,

            243,

            255,

            .70

        ),

        0 0 18px

        rgba(

            0,

            243,

            255,

            .30

        );

}

/* ==========================================================
   MOBILE
========================================================== */

@media(

    max-width:768px

){

    .pz-title{

        font-size:

            23px;

        letter-spacing:

            5px;

    }

    .pz-subtitle{

        font-size:

            12px;

        letter-spacing:

            3px;

    }

}