div.content-wrapper {margin:auto!important;}
a.onelink {color:inherit;text-decoration: none;}
pre {font-size:0.233rem;color:#6CC417;white-space: pre;font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-weight:400!important;}
.center-container {display:flex!important}
.shdw {text-shadow: 
0 -0.2px 0 rgba(255,255,255,.7), 0 0.2px 0 rgba(0,0,0,.25), 0.2px 0 currentColor, -0.2px 0 currentColor;}
html, body, html:root {background: none, linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%)!important; overflow: hidden;}
/* here is more css style */
 a.c5 {color:gold}
 a.c4 {color:red}
 #ccx {color: #ff0101; font-size: 0.96rem;}
 div.c2 {border-color:hotpink!important}
 a.c1 {color:pink}
 h2.c3 {font: bold 1rem/1 Arial, sans-serif!important;font-size: 1rem;}
 #loved, #love, #texttwo, #xboarder, footer, #ftc1 {font-family: Arial;}
 .starc {font-size:1rem!important}
 #ccx, h2.c3; .starc {word-spacing:normal; letter-spacing:normal;}
 sub.starc {display:none}
 .lefttop {height:0,529cm!important;width:0,529cm!important;}
/* here is more css style */
html {font-size:15px;}
html, body, html:root {overflow:hidden!important}
@media (min-width: 360px) and (max-width:430px) {html {font-size:20px!important;}}
@media (min-width: 430px) and (max-width:768px) {html {font-size:22px!important;}}
@media (min-width: 768px) and (max-width:1024px) {html {font-size:23px!important;}}
@media (min-width: 1024px) and (max-width:1280px) {html {font-size:24px!important;}}
@media (orientation: landscape) and (min-width:568px) and (max-width:767.98px) {html {font-size:20px!important;}}
@media (orientation: landscape) and (min-width:768px) and (max-width:1023.98px) {html {font-size:24px!important;}}
@media (min-width: 1280px) and (max-width:1440px) {html {font-size:20px!important;}}
@media (min-width: 1440px) and (max-width:1680px) {html {font-size:24px!important;}}
@media (min-width: 1680px) and (max-width:1920px) {html {font-size:25px!important;}}
@media (min-width: 1920px) and (max-width:7680px) {html {font-size:26px!important;}}
@media (min-width: 320px) and (max-height:568px) and (orientation: landscape) {html {font-size:clamp(15px, 3vh, 20px) !important;} 
.center-container {height:99vh; padding-top:1px} footer {display: none;}}
@media (min-width: 320px) and (max-height:360px) and (orientation: landscape) {html {font-size:clamp(7.5px, 3vh, 17px) !important;} html,body {overflow: hidden !important; min-height: fit-content; max-height: 99vh;}}
a.c1 {text-shadow: #ffcc00 1px 0 10px;}
#mainh {background:black;font-size:2rem;font:Arial;text-align:center;color:white;}
/* here is more css style */
#dtext {float:right;top:0.5rem;margin-bottom:-1rem}
#dtext, #dsum, #dpa {float:right}
details[open] + .center-container {visibility:hidden!important;}
#dsum {background-color:red;color:black;padding-right:2px;}
@media (min-width:768px) and (orientation:landscape) {#dpa {position:relative;max-width:98%;margin-top: 25vh;margin-left: 25vw;margin-right: 25vw;} #hhh {font-size:1.12rem!important} #dsum {padding-left:2px}}
@media (max-width:768px) {#dpa {position:initial;font-size:1rem} #dpa {max-width:99%}}
@media (max-height:800px) and (max-width:999px) {#dpa {font-size:0.83rem;word-spacing:-1px;text-align: justify;}}
#hhh {margin: 0px auto;text-align:center;color:red;min-width:max-content;justify-content:center;font-size:1rem;}
#ftc2 {color:white;font-size:inherit;text-decoration:none;}