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

:root{
    --black1: #121212;
    --black2: #1A0909;
    --white1: #FFE9E9;
    --white2: #FFF6F6;
    --red: #FF5454;

    --emergency-black: #862727;
}



/* p {
    font-size: 1rem;
    /* transform: scale(2.95);
    transform-origin: left; 
} 
*/

h6 {
    font-size: 1.2rem;
    
}

h5 {
    font-size: 1.44rem;
}

h4 {
    font-size: 1.73rem;
}

h3 {
    font-size: 2.07rem;
}

h2 {
    font-size: 2.48rem;
}

h1 {
    font-size: 2.98rem;

}




/* FONT STYLES TO KEEP */

.font-red{
    white-space: nowrap;
    color: var(--red);
    font-family: Urbanist;
    font-weight: 1000;
}

.font-black{
    white-space: nowrap;
    color: var(--emergency-black);
    font-family: Urbanist;
    font-weight: 1000;
}

.font-bw{
    white-space: nowrap;
    color: var(--black1);
    font-weight: 1000;
    font-family: Urbanist;
}

.font-container{
    position: relative;
    vertical-align: bottom;
}

.font-front-red{
    white-space: nowrap;
    position: absolute;
    top: 0px;
    left: 0px;
    font-weight: 1000;
   
    /* Filling */
    background: repeating-linear-gradient( 135deg, var(--red) 0px, var(--red) 1px, var(--black1) 1px, var(--black1) 2px );
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    /* White Outline */
    -webkit-text-stroke-width: 0.6px;
    -webkit-text-stroke-color: var(--white1);
}

.font-back-red {
    white-space: nowrap;
    position: absolute;
    top: 0px;
    font-weight: 1000;
    /* White Outline */
    -webkit-text-stroke-width: 0.6px;
    -webkit-text-stroke-color: var(--white1);

    color: var(--black2);
}

.font-front-black{
    white-space: nowrap;
    position: absolute;
    top: 0px;
    left: 0px;
    font-weight: 1000;
   
    /* Filling */
    color: var(--black2);

    /* White Outline */
    -webkit-text-stroke-width: 0.6px;
    -webkit-text-stroke-color: var(--white1);
}

.font-back-black {
    white-space: nowrap;
    position: absolute;
    top: 0px;
    font-weight: 1000;
    /* White Outline */
    -webkit-text-stroke-width: 0.6px;
    -webkit-text-stroke-color: var(--white1);

    background: repeating-linear-gradient( 135deg, var(--red) 0px, var(--red) 1px, var(--black1) 1px, var(--black1) 2px );
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.font-front-bw{
    white-space: nowrap;
    position: absolute;
    top: 0px;
    left: 0px;
    font-weight: 1000;
   
    /* Filling */
    background: repeating-linear-gradient( 135deg, var(--black1) 0px, var(--black1) 1px, var(--white2) 1px, var(--white2) 2px );
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    /* White Outline */
    -webkit-text-stroke-width: 0.6px;
    -webkit-text-stroke-color: var(--black1);
}

.font-back-bw {
    white-space: nowrap;
    position: absolute;
    top: 0px;
    font-weight: 1000;
    /* White Outline */
    -webkit-text-stroke-width: 0.6px;
    -webkit-text-stroke-color: var(--black1);

    color: var(--white2);
}



.font-white{
    color: var(--white2);
    font-family: Urbanist;
    font-weight: 400;
}

.bold{
    font-weight: 1000;
}