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

@font-face {
    font-family: 'Fabrikat';
    src: url('../assets/fonts/HvDTrial_FabrikatNormal-Light.otf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Fabrikat';
    src: url('../assets/fonts/HvDTrial_FabrikatNormal-LightItalic.otf');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Fabrikat';
    src: url('../assets/fonts/HvDTrial_FabrikatNormal-Medium.otf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Fabrikat';
    src: url('../assets/fonts/HvDTrial_FabrikatNormal-MediumItalic.otf');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Fabrikat';
    src: url('../assets/fonts/HvDTrial_FabrikatNormal-Thin.otf');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Fabrikat';
    src: url('../assets/fonts/HvDTrial_FabrikatNormal-ThinItalic.otf');
    font-weight: 200;
    font-style: italic;
}


@font-face {
    font-family: 'Fabrikat';
    src: url('../assets/fonts/HvDTrial_FabrikatNormal-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fabrikat';
    src: url('../assets/fonts/HvDTrial_FabrikatNormal-Black.otf');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Fabrikat';
    src: url('../assets/fonts/HvDTrial_FabrikatNormal-BlackItalic.otf');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Fabrikat';
    src: url('../assets/fonts/HvDTrial_FabrikatNormal-Bold.otf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Fabrikat';
    src: url('../assets/fonts/HvDTrial_FabrikatNormal-BoldItalic.otf');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Fabrikat';
    src: url('../assets/fonts/HvDTrial_FabrikatNormal-Hairline.otf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Fabrikat';
    src: url('../assets/fonts/HvDTrial_FabrikatNormal-HairlineItalic.otf');
    font-weight: 100;
    font-style: italic;
}



* {
    font-family: 'Fabrikat', sans-serif;
}

option:disabled {
    color: #B3B3B3;
}

* {
    box-sizing: border-box;
}

body {
    font-family: Fabrikat, sans-serif;
}


.strategy-text {
    letter-spacing: 0.18em;
}

.partnership-text {
    letter-spacing: 0.08em;
}

.form-text {
    letter-spacing: 0.06em;
}

#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 10;
    cursor: pointer;
}

.menu-slide-in-animation {
    animation: menu-slide-in-animation 0.5s;
}

@keyframes menu-slide-in-animation {
    from {
        translate: 100% 0;
    }

    to {
        translate: 0 0;
    }

}

@keyframes menu-slide-out-animation {
    from {
        translate: 0 0;
    }

    to {
        translate: -100% 0;
    }
}