#gacha-canvas-holder{justify-content:center;align-items:center;width:100%;margin:0 auto;display:flex;overflow:hidden}#gacha-canvas-holder canvas{width:100%;max-width:850px;display:block;height:auto!important}.gacha-btn{color:#fff;cursor:pointer;background:#3a7afe;border:none;border-radius:8px;margin:.5rem;padding:.5rem 1.4rem;font-size:1rem}.gacha-btn:hover{background:#2c64d8}:root{--bg-color:#fff;--text-color:#111827;--muted-color:#5b6475;--navbar-bg:#007bff;--navbar-text:#fff;--banner-bg:#000;--banner-text:#ff5e00;--section-heading-color:#333;--footer-bg:#0d6efd;--light-blue-box-bg:#d0e7f9;--surface-1:#fff;--surface-2:#f3f6fb;--surface-3:#e8eef9;--border-color:#d9e2f2;--link-color:#0a63f7;--link-hover:#084ed3;--accent:#3a7afe}body.dark-mode{--bg-color:#070b19;--text-color:#f7fbff;--muted-color:#e9f2ff;--navbar-bg:#0f172b;--navbar-text:#fff;--banner-bg:#0f172b;--banner-text:#fff;--section-heading-color:#fff;--footer-bg:#0b1224;--light-blue-box-bg:#172545;--surface-1:#111b34;--surface-2:#1a2a4d;--surface-3:#223864;--border-color:#36598f;--link-color:#c6deff;--link-hover:#e8f3ff;--accent:#6ea9ff}body{background-color:var(--bg-color);color:var(--text-color);margin-top:56px;font-family:Arial,sans-serif;line-height:1.6;transition:background-color .25s,color .25s}a{color:var(--link-color)}a:hover{color:var(--link-hover)}.navbar{background-color:var(--navbar-bg)!important}.navbar-brand,.nav-link{color:var(--navbar-text)!important}.my-banner-section{background-color:var(--banner-bg);color:var(--banner-text);justify-content:center;align-items:center;display:flex}.home-banner{background:url(/home-banner.jpg) 50%/cover no-repeat;height:40vh}.music-banner{background:url(/music-banner.jpeg) 50%/cover no-repeat;height:40vh}.coding-banner{height:40vh;color:var(--banner-text);background:#000 url(/coding-banner.jpg) 50%/cover no-repeat}.photography-banner{height:40vh;color:var(--banner-text);background:#000 url(/photo-banner.jpg) 50%/cover no-repeat}.design-banner{height:40vh;color:var(--banner-text);background:#000 url(/design-banner.jpg) 50%/cover no-repeat}.portfolio-banner{background-image:url(/portfolio-banner.jpg);background-position:50%;background-size:cover}h2{color:var(--section-heading-color);margin-bottom:30px}.alert-container{justify-content:center;margin-bottom:0;padding-top:0;display:flex}.custom-alert-box{color:#0c5460;text-align:left;background-color:#d1ecf1;border-radius:.5rem;width:100%;max-width:1400px;padding:.75rem 2rem;font-size:1rem;box-shadow:0 2px 12px #00000026}.learn-more-btn{min-width:200px;font-size:1rem;font-weight:700}.profile-img{object-fit:cover;border-radius:50%;width:200px;height:200px;box-shadow:0 2px 8px #00000026}section{padding:3rem 0;scroll-margin-top:70px}.light-blue-box{background-color:var(--light-blue-box-bg);border-radius:8px;padding:1rem;box-shadow:0 2px 5px #0000001a}footer{background-color:var(--footer-bg);color:var(--navbar-text);text-align:center;padding:20px 0}.profile-img{max-width:150px;height:auto}.custom-container{width:90%;max-width:1360px;margin:0 auto;padding:0 15px}.custom-section{padding:3rem 0}.custom-grid{flex-wrap:nowrap;align-items:center;gap:20px;display:flex}.custom-col-left{text-align:center;box-sizing:border-box;flex:0 0 33%;max-width:33%;padding:10px}.custom-col-right{text-align:left;box-sizing:border-box;flex:0 0 67%;max-width:67%;padding:10px}@media (max-width:768px){.custom-grid{flex-wrap:wrap}.custom-col-left,.custom-col-right{text-align:center;flex:0 0 100%;max-width:100%}}.custom-profile-img{object-fit:cover;border-radius:45%;width:130px;height:auto}.custom-banner{color:#ff5e00;background:url(/home-banner.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;height:40vh;display:flex}.custom-banner-content{text-align:center}.custom-button{color:#fff;background-color:#007bff;border-radius:4px;margin:10px;padding:10px 20px;text-decoration:none;transition:background-color .3s;display:inline-block}.custom-button:hover{background-color:#0056b3}.custom-button-group a{margin:5px}.custom-button.active,body.dark-mode .custom-button.active{color:#fff!important;background-color:#00ff37!important;border:1px solid #0056b3!important}.custom-alert{color:#004085;background-color:#cce5ff;border:1px solid #b8daff;border-radius:.25rem;margin-bottom:1rem;padding:1rem 1.25rem;position:relative}.custom-alert-close{cursor:pointer;color:#004085;background:0 0;border:none;font-size:1.25rem;line-height:1;position:absolute;top:.5rem;right:.75rem}.custom-footer{color:#fff;text-align:center;background-color:#007bff;padding:20px 0}.custom-contact-list li{margin:10px 0}.custom-col-right p{margin:0;font-size:1rem;line-height:1.6}body.dark-mode .custom-banner{color:#e917cd;background-color:#001f3f}body.dark-mode .custom-alert{color:#fff;background-color:#444;border-color:#444}body.dark-mode .custom-footer{background-color:#222}@media (max-width:768px){.btn-group{white-space:normal!important;flex-wrap:wrap!important;justify-content:center!important;display:flex!important}.btn-group .btn{margin-bottom:5px}}.cargo-syllabus hr{background:#000000b3;border:0;height:1px;margin:.75rem 0 1.5rem}.cargo-syllabus h2{letter-spacing:-.5px;color:var(--text-color);margin:0 0 .25rem;font-weight:900}.cargo-syllabus .subhead{opacity:.75;margin-bottom:1rem;font-size:.975rem}.cargo-syllabus .bodycopy{color:var(--text-color);font-size:1rem;line-height:1.6}.cargo-syllabus .bodycopy p{margin-bottom:.75rem}.cargo-syllabus .bodycopy ul,.cargo-syllabus .bodycopy ol{margin:.5rem 0 .75rem 1.25rem}.cargo-syllabus .bodycopy a{border-bottom:1px solid #00000040;text-decoration:none}.cargo-syllabus .bodycopy a:hover{border-bottom-color:#00000080}.cargo-syllabus .bodycopy code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.cargo-syllabus .bodycopy pre{background:var(--bg-color);color:var(--text-color);border:1px solid #0000001a;border-radius:.5rem;padding:.75rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;overflow:auto}.mt-2.d-flex .btn.rounded-pill{margin-left:0!important}body.dark-mode{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-image:radial-gradient(1100px 700px at 12% -8%,#497ee659,#0000 60%),radial-gradient(900px 520px at 98% 5%,#d04da838,#0000 52%),radial-gradient(900px 560px at 50% 115%,#4ad6ff26,#0000 48%),linear-gradient(#070b19 0%,#0a1228 100%);background-attachment:fixed}body.dark-mode,body.dark-mode p,body.dark-mode li,body.dark-mode span,body.dark-mode dt,body.dark-mode dd,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode .lead,body.dark-mode .small,body.dark-mode label{color:var(--text-color)}body.dark-mode .navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #729eed73;box-shadow:0 6px 26px #040a1a73;background-color:#090f1ee6!important}body.dark-mode .navbar-brand,body.dark-mode .nav-link{color:var(--navbar-text)!important}body.dark-mode .nav-link:hover,body.dark-mode .nav-link:focus{color:#fff!important}body.dark-mode .my-banner-section{color:var(--banner-text);text-shadow:0 2px 12px #050a19b8;box-shadow:inset 0 0 0 2000px #070b1985}body.dark-mode footer{border-top:1px solid var(--border-color)}body.dark-mode .bg-light{background-color:var(--surface-1)!important;color:var(--text-color)!important}body.dark-mode .light-blue-box,body.dark-mode .resume-box,body.dark-mode .contact-box,body.dark-mode .custom-alert,body.dark-mode .custom-alert-box{border:1px solid #78a3ec5c;box-shadow:0 18px 38px #0308146b;color:var(--text-color)!important;background:linear-gradient(155deg,#1f345ee0,#13213fe6)!important}body.dark-mode .alert-info{background-color:var(--surface-2)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}body.dark-mode .card{color:var(--text-color)!important;background:linear-gradient(160deg,#1c2d52eb,#101c37f2)!important;border-color:#78a3ec59!important;box-shadow:0 16px 35px #03081473!important}body.dark-mode .text-muted{opacity:.92;color:var(--muted-color)!important}body.dark-mode .border{border-color:var(--border-color)!important}body.dark-mode hr{border-color:var(--border-color);opacity:1}body.dark-mode .breadcrumb{background:0 0!important}body.dark-mode .breadcrumb .breadcrumb-item,body.dark-mode .breadcrumb a{color:var(--muted-color)!important}body.dark-mode .breadcrumb .breadcrumb-item.active{color:var(--text-color)!important}body.dark-mode .btn-primary{color:#fff;background:linear-gradient(135deg,#4f8dff,#7b5dff);border-color:#83b1ff;font-weight:600;box-shadow:0 6px 18px #305ebf73}body.dark-mode .btn-primary:hover,body.dark-mode .btn-primary:focus{color:#fff;background:linear-gradient(135deg,#6aa3ff,#9074ff);border-color:#9bc1ff}body.dark-mode .btn-outline-primary{color:#e1eeff;background-color:#0b142b73;border-color:#5f88c9}body.dark-mode .btn-outline-primary:hover,body.dark-mode .btn-outline-primary:focus,body.dark-mode .btn-outline-primary.active{color:#fff;background-color:#2a4475;border-color:#7ba5e8}body.dark-mode .btn-light{color:#fff;background-color:#2f4f87;border-color:#7da8eb}body.dark-mode .btn-light:hover,body.dark-mode .btn-light:focus{color:#fff;background-color:#3b619f;border-color:#9ac0ff}body.dark-mode .btn-warning{color:#fff;background-color:#8a6a20;border-color:#c19834}body.dark-mode .btn-close{filter:invert()grayscale()brightness(1.6)}body.dark-mode .cargo-syllabus .bodycopy a{color:#9ecbff;border-bottom-color:#9ecbff73}body.dark-mode .cargo-syllabus .bodycopy a:hover{color:#d1e4ff;border-bottom-color:#d1e4ffcc}body.dark-mode .cargo-syllabus .bodycopy pre,body.dark-mode .cargo-syllabus code,body.dark-mode kbd{border-color:var(--border-color);color:#dfe9ff;background-color:#0f172b}body.dark-mode .gacha-btn{color:#fff;background:linear-gradient(135deg,#4f8dff,#7b5dff)}body.dark-mode .gacha-btn:hover{background:linear-gradient(135deg,#6ea8ff,#9477ff)}@media (max-width:768px){.btn-group{white-space:normal!important;flex-wrap:wrap!important;justify-content:center!important;display:flex!important}.btn-group .btn{margin-bottom:5px}.u{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:2px}u{text-underline-offset:2px;text-decoration-thickness:2px}}