@media (max-width: 500px) {
    div.maintext {
        font-size: 150% !important;   /* 필요하면 130%도 가능 */
    }
}

* {
    user-select: none;
}

@keyframes Glow {
    0% {
        background-position: 0% 50%;
        text-shadow: 0px 0px 11px #aca5a3;
    }
    100% {
        background-position: 100% 50%;
        text-shadow: 0px 0px 11px #4b4a4a;
    }
}
/* 전환 중 클릭 방지 */
html.is-transitioning {
    pointer-events: none !important;
}

/* 각 페이지 공통 */
.page-container {
    position: relative;
    transform-style: preserve-3d;
}


div.maintext {
    font-size: 30px;
    width: fit-content;
    height: fit-content;
    margin: auto;
    margin-top: 1%;
}

.fancy {
    font-weight: bold;
    background: linear-gradient(
        to right,
        #15ff00 20%,
        #4cc9ff 30%,
        #00ffc8 70%,
        #ffe600 80%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 500% auto;
    animation: Glow 5s ease-in-out infinite alternate;
}

div.centersized {
    width: 50%;
    margin: auto;
    margin-top: 1%;
}

.glass {
    background: rgba(255, 255, 255, 0.04) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(18px) saturate(125%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    transition: ease 0.2s;
}

.glass.hover:hover {
    transform: translateY(-5px);
}

.icons {
    background: rgba(255, 255, 255, 0.34);
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 7px;
    align-content: center;
    box-shadow: 0 0px 30px rgba(255, 255, 255, 0.699);
    backdrop-filter: blur(14.4px);
    -webkit-backdrop-filter: blur(14.4px);
    border: 1px solid rgb(255, 255, 255);
    overflow: visible;
}