body{background-image:url("https://api.hoshiroko.com/img/mc_img.jpg");background-color:#F5F5F5;background-position:center;background-repeat:no-repeat;background-size:cover;font-family:Lexend,"Noto Sans SC"}
.container{background-color: rgba(255, 255, 255, 0.9);width:60%;margin:5% auto 0;padding:2% 7%;border-radius:50px}
.container2{background-color: rgba(255, 255, 255, 0.9);width:60%;margin:1% auto 0;padding:1% 7%;border-radius:50px}
ul{padding-left:20px}
ul li{line-height:2.3;list-style:none}
.sakana{opacity:1}
.text-align{text-align:center}
h1{text-align:center;font-size:260%}
.mint1{display:flex;justify-content:center;align-items:center}
@media (orientation:portrait){.mint1{flex-direction:column}.mint1 img{width:70%;height:auto}h1{font-size: 80%;}h1{font-size: 210%;}}
a{color:black;transition: color 0.2s;text-decoration:none}
a:hover{color:rgb(0, 0, 0, 0.5);text-decoration:none}
@font-face{font-family:Lexend;font-display:swap;src:url('https://api.hoshiroko.com/libs/font/Lexend-Regular.woff2')}
#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.9);z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity 0.3s ease}
.hidden{opacity:0;visibility:hidden;transition:visibility 0s 0.3s,opacity 0.3s ease}.loader-container{display:flex;flex-direction:column;align-items:center;text-align:center}
.loader{width:48px;height:48px;border:4px solid #000;border-radius:50%;border-color:#000 transparent #000 transparent;animation:dual-rotation 1.2s linear infinite}
.loading-text{margin-top:10px;font-size:18px;color:#000}@keyframes dual-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}