@font-face {
    font-family: 'PT Sans';
    src: url('PTSans-BoldItalic.woff2') format('woff2'),
        url('PTSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('PTSans-Bold.woff2') format('woff2'),
        url('PTSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('PTSans-Regular.woff2') format('woff2'),
        url('PTSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('PTSans-Italic.woff2') format('woff2'),
        url('PTSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



@font-face {

    font-family: 'Roboto';

    src: url('Roboto-Black.woff2') format('woff2'),

        url('Roboto-Black.woff') format('woff');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('Roboto-Bold.woff2') format('woff2'),

        url('Roboto-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('Roboto-BoldItalic.woff2') format('woff2'),

        url('Roboto-BoldItalic.woff') format('woff');

    font-weight: bold;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('Roboto-BlackItalic.woff2') format('woff2'),

        url('Roboto-BlackItalic.woff') format('woff');

    font-weight: 900;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('Roboto-Italic.woff2') format('woff2'),

        url('Roboto-Italic.woff') format('woff');

    font-weight: normal;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('Roboto-MediumItalic.woff2') format('woff2'),

        url('Roboto-MediumItalic.woff') format('woff');

    font-weight: 500;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('Roboto-Light.woff2') format('woff2'),

        url('Roboto-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('Roboto-Medium.woff2') format('woff2'),

        url('Roboto-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('Roboto-LightItalic.woff2') format('woff2'),

        url('Roboto-LightItalic.woff') format('woff');

    font-weight: 300;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('Roboto-Regular.woff2') format('woff2'),

        url('Roboto-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('Roboto-Thin.woff2') format('woff2'),

        url('Roboto-Thin.woff') format('woff');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('Roboto-ThinItalic.woff2') format('woff2'),

        url('Roboto-ThinItalic.woff') format('woff');

    font-weight: 100;

    font-style: italic;

    font-display: swap;

}





/*************/



@font-face {

    font-family: 'Roboto Slab';

    src: url('RobotoSlab-Light.woff2') format('woff2'),

        url('RobotoSlab-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto Slab';

    src: url('RobotoSlab-Medium.woff2') format('woff2'),

        url('RobotoSlab-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto Slab';

    src: url('RobotoSlab-Black.woff2') format('woff2'),

        url('RobotoSlab-Black.woff') format('woff');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto Slab';

    src: url('RobotoSlab-ExtraBold.woff2') format('woff2'),

        url('RobotoSlab-ExtraBold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto Slab';

    src: url('RobotoSlab-Bold.woff2') format('woff2'),

        url('RobotoSlab-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto Slab';

    src: url('RobotoSlab-ExtraLight.woff2') format('woff2'),

        url('RobotoSlab-ExtraLight.woff') format('woff');

    font-weight: 200;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto Slab';

    src: url('RobotoSlab-Thin.woff2') format('woff2'),

        url('RobotoSlab-Thin.woff') format('woff');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto Slab';

    src: url('RobotoSlab-Regular.woff2') format('woff2'),

        url('RobotoSlab-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto Slab';

    src: url('RobotoSlab-SemiBold.woff2') format('woff2'),

        url('RobotoSlab-SemiBold.woff') format('woff');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



.csssheettester{
    border-bottom: 1px solid #33bce3;
}