/* 基礎樣式 */
@import url('reset.css');
@import url('variables.css');

/* 組件樣式 */
@import url('hero.css');
@import url('gallery.css');
@import url('modal.css');
@import url('animations.css');

/* RWD */
@import url('responsive.css');

@import url('404.css');

/* 字體設定 */
@font-face {
    font-family: 'Bebas Neue Cyrillic';
    src: 
        url('../assets/font/bebasneuecyrillic.woff2') format('woff2'),  /* 加 woff2 + format */
        url('../assets/font/bebasneuecyrillic.woff') format('woff'),
        url('../assets/font/bebasneuecyrillic.ttf') format('truetype'); /* ttf 用 truetype */
    font-weight: normal; 
    font-style: normal;  
    font-display: swap;
}

/* 全局樣式 */
body {
    margin: 0;
    font-family: sans-serif;
}

section {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#loading {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #1a1a1a;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 24px;
        z-index: 9999;
    }