@charset "UTF-8";

@import "base";
@import 'module';

html, body {
    font-size: 16px;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

body {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    font-family: 'Noto Sans TC', sans-serif;
    line-height: 1;
    &.style__hidden {
        overflow: hidden;
    }
    &.style__no__scroll {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-overflow-scrolling: touch;
    }
        
}

#app {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
    background: linear-gradient(360deg, #FFEFBE 0%, rgba(255, 239, 190, 0) 46.86%), linear-gradient(0deg, rgba(255, 239, 190, 0.5), rgba(255, 239, 190, 0.5)), url('https://d1xzlli46wohoc.cloudfront.net/assets/images/bg.png');
}

.main__container {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}