틀:변화의 시대/styles.css

/* 배너 */
 .banner {
    background: #00F1BA;
    font-family: "Pretendard JP Variable", "Pretendard";
    color: #252525;
    padding: 20px;
    font-size: 10pt;
    text-align: center;
    width: 100%;
    user-select: none;
}

 .chuseokbanner {
    background: linear-gradient(180deg, #244484, #203C74, #1E386C);
    font-family: "Pretendard JP Variable", "Pretendard";
    color: #F1BF1E;
    padding: 20px;
    font-size: 10pt;
    text-align: center;
    width: 100%;
    user-select: none;
}

/* 문구 */
 .text {
    text-align: center;
    font-family: "Pretendard JP Variable", "Pretendard";
    background: white;
    color: #252525;
    margin-top: 1px;
    margin-bottom: 7px;
    font-size: 10pt;
    user-select: none;
}


@media screen and (max-width: 768px) {
 .banner {
    background: #00F1BA;
    font-family: "Pretendard JP Variable", "Pretendard";
    color: #252525;
    padding: 20px;
    font-size: 9pt;
    text-align: center;
    width: 100%;
    user-select: none;
}

 .chuseokbanner {
    background: linear-gradient(180deg, #244484, #203C74, #1E386C);
    font-family: "Pretendard JP Variable", "Pretendard";
    color: #F1BF1E;
    padding: 20px;
    font-size: 9pt;
    text-align: center;
    width: 100%;
    user-select: none;
}

 .text {
    font-family: "Pretendard JP Variable", "Pretendard";
    text-align: center;
    background: white;
    color: #252525;
    margin-top: -2.5px;
    margin-bottom: 5px;
    font-size: 10.5px;
    letter-spacing: -0.3px;
    user-select: none;
}
}