@import url('https://fonts.googleapis.com/css2?family=Gugi&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

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

h1, h2, h3, h4, h5, .gugi-font {
    font-family: "Gugi", sans-serif;
}

header {
    background-image: linear-gradient(to top, rgba(0,0,0,8), rgba(0,0,0,0.2)), url('../images/main-bg.jpg');
    background-size: cover;
    background-position: center top;
}

.card-hover:hover {
    background-color: #ffc10726;
    cursor: pointer;
}

.nav-link:hover, 
.nav-link.active {
    color: #ffc107 !important;
}

#sns-links {
    background-image: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.2)), url('../images/sns-bg.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

#news {
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.2)), url('../images/news-bg.jpg');
    background-size: cover;
    background-position: center;
}

@media (min-width:768px) and (max-width:1024px) {
    .text {
        font-size: 10px;
    }
}

@font-face {
    font-family: 'TmonMonsori';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}