@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
    .text-last-center { text-align-last: center; }
    .secondary-text { color: #46989B; }
    .secondary-color { color: #46989B; }
    .secondary-border { border-color: #46989B; }

    .tertiary-text { color: #eea135; }
    .tertiary-bg { background-color: #eea135; }

    .bla-text {
        color: #EC910E;
    }

    .front-image{
        width:310px;
        height:210px;
    }
}

@layer base {
    @font-face {
        font-family: "Prompt";
        src: url('../fonts/Prompt/Prompt-Thin.ttf');
    }
    @font-face {
        font-family: "Prompt2";
        font-weight: 200;
        font-style: normal;
        src: url('../fonts/Prompt/Prompt-Extralight.ttf');
    }
    @font-face {
        font-family: "Prompt3";
        font-weight: 300;
        font-style: normal;
        src: url('../fonts/Prompt/Prompt-Light.ttf');
    }
    @font-face {
        font-family: "Prompt4";
        font-weight: 400;
        font-style: normal;
        src: url('../fonts/Prompt/Prompt-Regular.ttf');
    }
    @font-face {
        font-family: "Prompt5";
        font-weight: 500;
        font-style: normal;
        src: url('../fonts/Prompt/Prompt-Medium.ttf');
    }
    @font-face {
        font-family: "Prompt6";
        font-weight: 600;
        font-style: normal;
        src: url('../fonts/Prompt/Prompt-SemiBold.ttf');
    }
    @font-face {
        font-family: "Prompt7";
        font-weight: 700;
        font-style: normal;
        src: url('../fonts/Prompt/Prompt-Bold.ttf');
    }
    @font-face {
        font-family: "Prompt8";
        font-weight: 800;
        font-style: normal;
        src: url('../fonts/Prompt/Prompt-ExtraBold.ttf');
    }
    @font-face {
        font-family: "Prompt9";
        font-weight: 900;
        font-style: normal;
        src: url('../fonts/Prompt/Prompt-Black.ttf');
    }
}