@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("/assets/fonts/gilroy/stylesheet.css");
/* @import url("/assets/fonts/langith/stylesheet.css"); */
@import "tailwindcss";

@theme{
    /* --font-langith: "langith"; */
    --font-gilroy: "gilroy";
    --font-poppins: "Poppins", sans-serif;

    --breakpoint-3xl: 1600px;
    --breakpoint-2xl: 1440px;
    --breakpoint-xl: 1200px;
    --breakpoint-lg: 992px;
    --breakpoint-md: 768px;
    --breakpoint-sm: 576px;
    --breakpoint-xs: 400px;

    --color-gsBlue: #0798ff;
    --color-gsLightBlue: #49D3F2;
    --color-gsDarkBlue: #093A6B;
    --color-gsGreen: #7DBF3B;
    --color-gsYellow: #F2E30F;
    --color-gsDarkYellow: #C6D93B;
    --color-themeDark: #051937;
    --color-themeDarkBlue: #001A40;
    --color-themeColor1: #2BB1F0;
    --color-themeColor2: #0798ff;
    --color-themeColor3: #695DD7;
    --color-themeColor4: #010F43;
    --color-themeColor5: #00022C;
};

body{
    font-family: var(--font-gilroy);
}

.clippy-shape{
    clip-path: polygon(0 0, 90% 0, 100% 25%, 100% 100%, 10% 100%, 0 75%);
}

.clippy-shape-speaker{
    clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 15% 100%, 0 85%);
}

.clippy-shape-hero{
    clip-path: polygon(0 0, 0% 0, 100% 0%, 100% 75%, 87% 100%, 0 100%);
}

/* .border-text{
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
} */