body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", "Noto Sans CJK JP", "Yu Gothic", YuGothic, sans-serif;
}

textarea {
    width: 100%;
    border: 1px solid #68acff;
    background-color: #1a1a1a;
    padding: 5px;
}

button {
    background-color: #114f9c;
}

hr {
    border-color: #68acff;
}

.custom-popover {
  --bs-popover-border-color: #68acff;
}

.nav a {
    color: white;
    text-decoration: none;
}

.custom-nav .nav-link {
    color: white !important; /* Normal link color */
}

.custom-nav .nav-link:hover,
.custom-nav .nav-link:focus {
    color: #68acff !important; /* Hover color */
}

.custom-nav .nav-link.active {
    background-color: #114f9c;
    color: white !important; /* Active link color */
}

.result {
    font-size: 24px;
    background-color: #1a1a1a;
    border: 1px solid #68acff;
}

.copy-button {
    font-size: 8px;
    border: 1px solid #68acff;
    color: white;
    text-decoration: none;
}
.copy-button:hover {
    background-color: black;
}

.popover {
    font-size: 16px !important;
}

.bunsetsu {
    border-top: 1px solid #68acff;
    border-bottom: 1px solid #68acff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.morpheme {
    display: inline-block;
    text-decoration: none;
    transition: transform 0.3s ease; 
}
.morpheme:hover {
    cursor: pointer;
    transform: rotate(5deg); 
}

.morpheme-text {
    color: white;
}

.desktop-ad {
    display: none;
}

.mobile-ad {
    display: none;
}

@media (min-width: 720px) {
    .desktop-ad {
        display: block;
    }

    .mobile-ad {
        display: none;
    }
}

@media (max-width: 719px) {
    #logo {
        width: 100px !important;
        height: 50px !important;
    }

    #logo-text {
        font-size: 20px;
    }

    .result {
        font-size: 16px;
    }

    .desktop-ad {
        display: none;
    }
    
    .mobile-ad {
        display: block;
    }
}