@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.cdnfonts.com/css/gerhaus');


@font-face {
    font-family: 'Bauhaus';
    src: url('/fonts/bauhaus.otf') format('opentype');

}

:root {
    --int: 'Inter', sans-serif;
    --bau: 'Bauhaus', sans-serif;
    --ger: 'Gerhaus', sans-serif;
}

body {
    overflow-x: hidden;
    background: #fff;
    position: relative;
}

body::-webkit-scrollbar {
    width: 0;
}

a {
    cursor: pointer !important;
    text-decoration: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

html {
    scroll-behavior: smooth;
}