/* BASIC css start */
#header { position:fixed; display:flex; justify-content:space-between; align-items:center; padding:20px 24px; top:0; left:0; width:100%; z-index:100; transition:background 0.3s; }
#header.on { background:rgba(255,255,255,0.8); backdrop-filter:blur(30px); -webkit-backdrop-filter:blur(30px); border-bottom: 1px solid rgba(255,255,255,0.5); }
a { display:block; }
body.on { overflow:hidden !important; }

button { display:flex; background:none !important; border:none !important; }

.btn_top { opacity:0; position:fixed; right:20px; bottom:20px; z-index:50; transition:opacity 0.3s, transform 0.3s; transition-delay:0.3s; pointer-events:none; transform:translateY(16px); }
.btn_top.on { opacity:1; pointer-events:all; transform:translateY(0); }

.nav { position:fixed; right:-100%; top:0; padding:70px 30px; width:290px; height:100vh; z-index:100; font-size:25px; font-weight: 700; line-height: normal; text-align:right; background:#fff; box-shadow: 10px 0 90px rgba(0,0,0,0.5); transition:right 0.6s; }
.nav.on { right:0; }
.nav p a { font-size:25px; font-weight: 700; line-height: normal; }
.nav p { padding-bottom:24px; }
.nav p.brand a { padding-top:18px; font-size: 15px; font-weight: 600; }
.btn_close { position:absolute; left:30px; top:30px; z-index:100; }
/* BASIC css end */