@font-face {
    font-family: "Noto Sans SC";
    src: url('../fonts/noto-sans-sc-v36-chinese-simplified-200.woff2') format("woff2"),url('../fonts/NotoSansSC-VariableFont_wght.ttf') format("truetype");
    font-weight: 200;
    font-display: swap;
    font-style: normal
}


@font-face {
    font-family: "Noto Sans SC";
    src: url('../fonts/noto-sans-sc-v36-chinese-simplified-300.woff2') format("woff2"),url('../fonts/NotoSansSC-Light.ttf') format("truetype");
    font-weight: 300;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: "Noto Sans SC";
    src: url('../fonts/noto-sans-sc-v36-chinese-simplified-700.woff2') format("woff2"),url('../fonts/NotoSansSC-Bold.ttf') format("truetype");
    font-weight: 700;
    font-display: swap;
    font-style: normal
}


@font-face {
    font-family: "Noto Sans SC";
    src: url('../fonts/noto-sans-sc-v36-chinese-simplified-900.woff2') format("woff2"),url('../fonts/NotoSansSC-Black.ttf') format("truetype");
    font-weight: 900;
    font-display: swap;
    font-style: normal
}


*{
	font-family:"Noto Sans SC",sans-serif;
}

ul{
    margin: 0;
    padding: 0;
}

ul li{
    list-style: none;
    padding:0;
    margin:0;
}

.light-white-text{
    color: #eee;
}

.light-text{
    color: #ddd;
}

.img-bkgnd{
    width: 100%;
    height: 0;
    padding-bottom: 67%;
    position: relative;
}

.img-bkgnd >div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.fit-img{
    width:100%;
    height:100%;
    object-fit: cover;
}

@media screen and (max-width: 1200px) {
    h1{
        font-size: 1.75rem;
    }
}