body{background-color: #d5e1f0;color: gray;}

.bg-dark{background-color: #40a3b0 !important;}
.bg-light{background-color: #d5e1f0 !important;}
.bg-primary{background-color: #4e3079 !important;}
.bg-secondary{background-color: #f64f6d !important;}
.bg-info{background-color: #3742e6 !important;}
.bg-success{background-color: #18995e !important;}
.bg-warning{background-color: #dcc91b !important;}
.bg-danger{background-color: #e7290c !important;}

.badge-danger2{background-color: green !important;}
.badge-dark{background-color: #40a3b0 !important;}
.badge-light{background-color: #d5e1f0 !important;}
.badge-primary{background-color: #4e3079 !important;}
.badge-secondary{background-color: #f64f6d !important;}
.badge-info{background-color: #3742e6 !important;}
.badge-success{background-color: #18995e !important;}
.badge-warning{background-color: #dcc91b !important;}
.badge-danger{background-color: #e7290c !important;}

.btn-danger2{background-color: green !important;}
.btn-dark{background-color: #40a3b0 !important;}
.btn-light{background-color: #d5e1f0 !important;}
.btn-primary{background-color: #4e3079 !important;}
.btn-secondary{background-color: #f64f6d !important;}
.btn-info{background-color: #3742e6 !important;}
.btn-success{background-color: #18995e !important;}
.btn-warning{background-color: #dcc91b !important;}
.btn-danger{background-color: #e7290c !important;}

.text-danger2{color: green !important;}
.text-dark{color: #40a3b0 !important;}
.text-light{color: #d5e1f0 !important;}
.text-primary{color: #4e3079 !important;}
.text-secondary{color: #f64f6d !important;}
.text-info{color: #3742e6 !important;}
.text-success{color: #18995e !important;}
.text-warning{color: #dcc91b !important;}
.text-danger{color: #e7290c !important;}

.bg-wwwpublic{background-color: #cdf8ff !important;}


#vibecodingjapanmarkdownview pre {
    background-color: #1A2638 !important;
    padding: 1em;
    overflow-x: auto;
    border-radius: 4px;
    color: white;
    margin: 0px 14px;
}
#vibecodingjapanmarkdownview code {
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
}
#vibecodingjapanmarkdownview h1{
    font-size: 28px !important;
    position: relative;
    margin: 3.4rem 0 1.2rem;
    padding: 1.2rem 1.4rem;
    border: 1px solid rgba(34, 211, 238, 0.32);
    border-left: 4px solid rgba(34, 211, 238, 0.88);
    border-radius: 1rem;
    background: rgba(15, 23, 42, 0.66);
    box-shadow: 0 0 32px rgba(14, 231, 242, 0.08);
}
#vibecodingjapanmarkdownview h2{
    font-size: 24px !important;
    position: relative;
    margin: 3.4rem 0 1.2rem;
    padding: 1.2rem 1.4rem;
    border: 1px solid rgba(34, 211, 238, 0.32);
    border-left: 4px solid rgba(34, 238, 109, 0.88);
    border-radius: 1rem;
    background: rgba(22, 42, 15, 0.66);
    box-shadow: 0 0 32px rgba(14, 231, 242, 0.08);
}
#vibecodingjapanmarkdownview h3{
    font-size: 20px !important;
    position: relative;
    margin: 3.4rem 0 1.2rem;
    padding: 1.2rem 1.4rem;
    border: 1px solid rgba(143, 34, 238, 0.32);
    border-left: 4px solid rgba(139, 34, 238, 0.88);
    border-radius: 1rem;
    background: rgba(15, 23, 42, 0.66);
    box-shadow: 0 0 32px rgba(14, 231, 242, 0.08);
}
#vibecodingjapanmarkdownview h4{
    font-size: 16px !important;
    position: relative;
    margin: 3.4rem 0 1.2rem;
    padding: 1.2rem 1.4rem;
    border: 1px solid rgba(218, 238, 34, 0.32);
    border-left: 4px solid rgba(218, 238, 34, 0.88);
    border-radius: 1rem;
    background: rgba(15, 23, 42, 0.66);
    box-shadow: 0 0 32px rgba(14, 231, 242, 0.08);
}
#vibecodingjapanmarkdownview h4[id*="you"]{
    font-size: 16px !important;
    background-color: rgb(91, 95, 18);
}
#vibecodingjapanmarkdownview h4[id*="chatgpt"]{
    font-size: 16px !important;
    background-color: rgb(36, 95, 18);
}
#vibecodingjapanmarkdownview h5{
    font-size: 16px !important;
    background-color: rgb(36, 95, 18);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 40px;
    color: white;
}
#vibecodingjapanmarkdownview h6{
    font-size: 16px !important;
    background-color: #ffc107;
    color: #000000;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 40px;
}
#vibecodingjapanmarkdownview img{
    width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
#vibecodingjapanmarkdownview p{
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    padding: 0px 14px;
}
#vibecodingjapanmarkdownview a{
    word-wrap: break-word;
    word-break: break-word;
}
#vibecodingjapanmarkdownview th, #vibecodingjapanmarkdownview td{
    border: black solid 1px !important;
    padding: 6px !important;
}
#vibecodingjapanmarkdownview table{
    font-size: 10px !important;
}
#vibecodingjapanmarkdownview thead{
    background-color: gray;
    color: white;
}

#vibecodingjapanmarkdownview strong {
    color: #1fffff;
}