*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#fff;background-color:#0b0c18;background-image:url(/img/main/bg01.webp);opacity:1;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;font-size:clamp(12px,1.5vw,16px)}h1{font-size:clamp(24px,5vw,40px)}h2{font-size:clamp(22px,4vw,36px)}h3{font-size:clamp(20px,3vw,32px)}h4{font-size:clamp(18px,2.5vw,28px)}h5{font-size:clamp(16px,2vw,24px)}h6{font-size:clamp(14px,2vw,20px)}h1,h2,h3,h4,h5,h6{text-align:center;font-family:Roboto,sans-serif}p{font-size:clamp(12px,1.5vw,16px);text-align:justify}img{max-width:100%}.container{padding:15px;margin:10px auto;max-width:800px;background-color:#000000d0;border-radius:15px;border:1px solid gold;color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif}.des-btn{display:inline-block;color:#fff;background:#0b0c18;padding:5px 10px;font-size:1.3rem;border:1px solid gold;border-radius:10px;transition:box-shadow .3s ease,transform .3s ease;text-decoration:none}.des-btn:hover{box-shadow:0 0 20px #daa520;transform:scale(1.05);color:#fff}.des-btn2{display:inline-block;font-size:1.3rem;transition:box-shadow .3s ease,transform .3s ease;text-decoration:none}.des-btn2:hover{transform:scale(1.1);color:#fff}.btn-link{font-weight:400;color:#0ff;text-decoration:none;text-align:right}.btn-link:hover{color:gold;text-decoration:underline}.header{background-color:#000000cf;margin:20px auto 0;border:1px solid gold;max-width:800px;min-width:300px;border-radius:15px;text-align:center}img.avatar{border-radius:50%;border:2px solid gold;margin:25px auto}