@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

@font-face {
    font-family: 'Binggo Wood';
    src: url('../assets/fonts/BinggoWood.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --font-main: 'Poppins', sans-serif;
    --font-decorative: 'Binggo Wood', cursive;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    height: 100%;
}

body {
    font-family: var(--font-main);
    overflow-x: hidden;
    height: 100%;
}

.font-decorative {
    font-family: var(--font-decorative);
}

#app {
    width: 100%;
    height: 100%;
}

.page-section {
    min-height: 100vh;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}