html,
body {
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.87);
    font-family: 'Oxanium', Arial, Helvetica, sans-serif;
    scroll-behavior: smooth;
    scroll-snap-type: y mandatory;
    background: #000;
}

body {
    /* background-image: url('assets/banner-background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed; */
    background:
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url('assets/banner-background.png') center/cover no-repeat fixed;
}

#app {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url('assets/Water.png');
}