@font-face {
    font-family: 'DIN Condensed';
    src: url('fonts/DINCondensed-Light.woff2') format('woff2'),
        url('fonts/DINCondensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Condensed';
    src: url('fonts/DINCondensed-Regular.woff2') format('woff2'),
        url('fonts/DINCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


           

.name {           
            font-family: 'DIN Condensed';
            font-weight: 300;
            font-style: normal;
            font-size: 28px;
            letter-spacing: 1px;
}

.work {           
            font-family: 'DIN Condensed';
            font-weight: normal;
            font-style: normal;
            font-size: 28px;
            font-size: 28px;
            letter-spacing: 1px;    
}


.text {           
            font-family: 'DIN Condensed';
            font-weight: 300;
            font-style: normal;
            font-size: 18px;
            letter-spacing: 1px;
}

.opac {           
            font-family: "DIN Pro Cond";
            font-size: 18px;
            letter-spacing: 1px;
            opacity: 0.5;
}