@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap');
@import './components/Navbar.css';
@import './components/AnimatedText.css';
@import './components/Carousel.css';
@import './components/SVG.css';

* {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans TC', sans-serif;
}
body {
    padding: 0 !important;
}
.back-div {
    width: 100%;
    height: 100%;
    background-image: url('../images/desert.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #c7a07c;
    mask-image: url('../images/masks/maskOverlayL.png'), url('../images/masks/maskOverlayR.png');
    mask-position: bottom left, bottom right;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url('../images/masks/maskOverlayL.png'), url('../images/masks/maskOverlayR.png');
    -webkit-mask-position: bottom left, bottom right;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}
footer {
    position: absolute;
    bottom: 8px;
    width: 100%;
}
footer p {
    text-align: center;
    margin: auto;
    text-transform: uppercase;
    font-size: 1vh;
    letter-spacing: 2px;
    color: #aaa;
}
footer p a {
    text-decoration-line: none;
    color: #777;
}