body{
margin: 0 !important;
border: 0px solid blue;
background: url();
background-color:black;
background-position: center top; 
background-repeat: no-repeat;
text-align: center; 
width:100%; 
height:1500px; 
position: relative; 
margin-left: auto; 
margin-right: auto;
cursor: default;
color: white;
font-family:arial;
cursor: default;
font-size:2em;
} 
.div_NOSCRIPT{
position:absolute;
width:100%;
background-color:orange;
z-index:5;
top:111px;
font-weight:bold;
font-size:18px;
}
body,html{overflow:hidden auto !important}
span{background-color:transparent}
#badBrowser{
position:absolute;
z-index:36;
width: 100%;
color:green;
font-weight:bold;
text-align: center; 
font-size:28px;
top: 20%;
background-color: darkgoldenrod;
}
.ma{background-size:cover;background-image: url(/IMG2.webp);}
#title{
display:block;
margin:1%;
color:red;
font-size:22px;
}
#mail{
position: relative; 
display: block; 
top:1%;
color:#b7b7b7;
font-size:16px;
}
#call{
position: relative; 
display: inline-block; 
background-color:black;
top:73%;
padding:1%;
color:white;
font-size:26px;
}
#nm{
position: relative; 
visibility: hidden; 
background-image: inherit; 
background-size: contain; 
background-repeat: no-repeat;
z-index:-9;
}
.sn{
background-size: 75%;
background-position: center center;
margin: 0;
width:50%; 
height:100%; 
position:relative; 
float:left;
background-repeat: no-repeat;
cursor:pointer;
}
#snfb{background-image: url(/bqfb.png);width:25%;}
#snin{background-image: url(/bqin.png);width:25%;}
#snimdb{background-image: url(/bqimdb.png);width:50%;}
header{
background-image: url(/MichaelName-s.png);
height: 10%;
background-repeat: no-repeat;
background-size: contain;
position: relative;
top: 0px;
width: inherit;
background-position-x: center;
}
.soon{position:absolute;z-index:36;top:0 !important; left: 0 !important;}
#snbar{
position:absolute;
left:0;
top:0;
height:inherit;
}
.see{visibility:visible;}
.b9{visibility:hidden;opacity:0 !important;pointer-events:none;}
.nopic{background-image: none;}
.back{background-image: url(/uu2.png) !important;}
.ichi{font-size: 1.5em;display:block;}
.modig{font-weight:bold;}
a{text-decoration:none;}
.b{display: block !important;}
.bn{display:none;}
.r{text-align:right;}
.float{position:fixed;}
ul{list-style:none;white-space:nowrap;margin:0.3em 0;padding:0 0.4em;}
li{margin:0.1em 0}
.toc ul ul{margin:0 0 0 2em;}
.toctitle{text-align:center;color:black;}
.tocnum{color:black;padding-right:0.4em}
.tg{font-weight: 600;letter-spacing: 6px;}
#saar{white-space: nowrap;}
#om{display:block;overflow:hidden auto;}
.ofh{overflow:hidden !important;}
.chuna{top: auto !important;  bottom: 13%; left: 50%; transform: translateX(-50%);}
.sand{color: #e9c11e;}
footer{
	width: 100%;
    height: 50px;
    background-color: darkgoldenrod;
    color: white;
    position: fixed;
    display: flex;
    bottom: 0;
    clear: both;
}
#toc{
	display:table;width:30%;margin:7px;
    background-color:#f5f7b8;border:solid 1px pink;
}
#bio{
left: 0;
overflow: hidden scroll !important;
text-align: left;
font-size: 0.5em;	
text-align: justify;
padding: 1%;
background-color: #f5f7b8;
color: black;
width:86%;
}

#btbio, #btup{
position: absolute;
z-index:37;
height: 10%;
width: 15%;
background-size: contain;
background-repeat: no-repeat;
right: 0;	
}
#btup{top:50%;width:6%;}
#btbio{top:0;background-image: url(/uu.png);}
.arrow{font-style:normal;font-weight:900;}
.accordion-title{background-color:darkred; display: block !important;}
.choti{background-color: darkred !important;}
.bado{background-color: #f5f7b8 !important;border-left: 5px solid gold !important;}
.accordion-container {max-width: 90%; margin: 0 auto}
.accordion-item {
            background-color: #500000;
			border-left: 5px solid red;
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            margin-bottom: 0px;
            overflow: hidden;
            transition: all 0.3s ease;
        }
.accordion-item:hover {box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);transform: translateY(-2px);}
.accordion-header {
            line-height: 1;
            padding: 10px 10px;
            font-size: 1.4rem;
            font-weight: 700;
            color: #e9c11e;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background-color 0.3s;
        }
@media (orientation: portrait){
    #bio{padding:2%;width:84%;}
    .accordion-header{line-height:2;}
    .ma{background-position-y:10%;}
}
@media (orientation: landscape){
    .ma{background-position-y:40%;}
}
.accordion-header:hover { background-color: gold;}
.accordion-header i {transition: transform 0.4s ease;color: #e63946; }
.accordion-header.active i {transform: rotate(180deg);}
.accordion-content {
            padding: 0 25px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease, padding 0.3s ease;
            border-top: 1px solid #eee;
        }
.accordion-content.active {padding: 25px;max-height: 2000px;}
.accordion-content p {margin-bottom: 15px;font-size: 1.05rem;color: white;}
.accordion-content p:last-child { margin-bottom: 0;}
.highlight {color: #e63946;font-weight: 600;}
.quote {
            color:black;
			font-size:0.5em;
			font-style: italic;
            padding: 15px 20px;
            background-color: #f1faee;
            border-left: 4px solid #a8dadc;
            margin: 20px 0;
            border-radius: 0 8px 8px 0;
        }
.badge {
            display: inline-block;
            background-color: #1d3557;
            color: white;
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 0.85rem;
            margin-right: 8px;
            margin-bottom: 8px;
        }
.language-badge { background-color: #457b9d; }
.genre-badge { background-color: #e63946;}
.instrument-badge { background-color: #2a9d8f; }
@media (max-width: 768px){
.accordion-header {font-size: 1.2rem;padding: 0px 20px;}
.accordion-content {padding: 0 20px;}
.accordion-content.active {padding: 20px;}
}