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

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.home-container {
    position: relative;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    height: calc(100vw * 812 / 375);
}

.gradient-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vw * 812 / 375);
    background: url("./bannerbg.webp") no-repeat center center;
    background-size: 100% 100%;
}