*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fafafa;width:100%;min-height:100vh;position:relative;overflow:hidden auto}.top-controls{z-index:1000;background-color:#fafafa;justify-content:space-between;align-items:flex-start;padding-top:20px;display:flex;position:fixed;top:0;left:2%;right:2%}.switch{width:60px;height:34px;display:inline-block;position:relative}.switch input{display:none}.slider{cursor:pointer;background:#c9c2b2;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background:#fafafa;border-radius:50%;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background:#1c2632}input:checked+.slider:before{transform:translate(26px)}body.dark-mode{color:#c9c2b2;background-color:#10100e;width:100%;min-height:100vh;position:relative;overflow:hidden auto}body.dark-mode .top-controls{background-color:#10100e}.navbar{position:relative}.nav-container{justify-content:space-between;align-items:center;display:flex}.menu-dropdown{position:relative}.menu-toggle{width:52px;height:52px;color:inherit;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:flex}.menu-toggle:hover{background:#00000012}.menu-toggle span{background:currentColor;border-radius:5px;width:24px;height:3px;transition:all .3s}.menu-toggle:hover span:nth-child(2){width:16px}.nav-menu{z-index:1000;opacity:0;visibility:hidden;background:#fafafa;border:2px solid #0000;border-radius:16px;flex-direction:column;min-width:200px;margin:0;padding:5px 0;list-style:none;transition:opacity .25s,transform .25s,visibility .25s;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;transform:translateY(-10px)scale(.95)}.nav-menu.active{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.nav-menu li a:hover{background:#0000000f}body.dark-mode .nav-menu{background:#10100e}body.dark-mode .nav-menu li a{color:#c9c2b2}body.dark-mode .nav-menu li a:hover{background:#ffffff14}.menu-toggle.active span:first-child{transform:translateY(8px)rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.nav-menu li{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-8px)}.nav-menu.active li{opacity:1;transform:translateY(0)}.nav-menu.active li:first-child{transition-delay:50ms}.nav-menu.active li:nth-child(2){transition-delay:.1s}.nav-menu.active li:nth-child(3){transition-delay:.15s}.nav-menu li a{color:#272d2d;padding:14px 18px;font-family:Rubik,sans-serif;font-size:18px;text-decoration:none;transition:background .2s,padding-left .2s;display:block}.nav-menu li a:hover{background:#0000000f;padding-left:24px}.dropbtn{color:inherit;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:20px;justify-content:center;align-items:center;gap:1px;padding:5px 10px;font-family:Rubik,sans-serif;font-size:20px;transition:all .25s;display:flex}.dropbtn:hover{background:#00000012}body.dark-mode .dropbtn:hover{background:#ffffff14}.dropdown{display:inline-block;position:relative}.dropdown-content{z-index:1000;opacity:0;visibility:hidden;background:#f5f1e6;border:2px solid #0000;border-radius:16px;flex-direction:column;min-width:160px;padding:0% 0;transition:opacity .25s,transform .25s,visibility .25s;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;transform:translateY(-10px)scale(.95)}body.dark-mode .dropdown-content{background:#10100e}.dropdown.open .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.dropdown-content button{color:#272d2d;text-align:left;cursor:pointer;opacity:0;background:0 0;border:none;width:100%;padding:14px 18px;font-family:Rubik,sans-serif;font-size:18px;transition:background .2s,padding-left .2s,opacity .3s,transform .3s;transform:translateY(-8px)}body.dark-mode .dropdown-content button{color:#c9c2b2}.dropdown.open .dropdown-content button{opacity:1;transform:translateY(0)}.dropdown.open .dropdown-content button:first-child{transition-delay:50ms}.dropdown.open .dropdown-content button:nth-child(2){transition-delay:.1s}.dropdown.open .dropdown-content button:nth-child(3){transition-delay:.15s}.dropdown.open .dropdown-content button:nth-child(4){transition-delay:.2s}.dropdown.open .dropdown-content button:nth-child(5){transition-delay:.25s}.dropdown-content button:hover{background:#0000000f;padding-left:24px}body.dark-mode .dropdown-content button:hover{background:#ffffff14}::selection{color:#1c2632;background-color:#feb161}.dark-mode::selection{color:#272d2d;background-color:#a35139}#namebox{position:absolute;top:80px;left:25%;right:25%}#scrollText{opacity:0;pointer-events:none;transform:translateY(-10px)}.hero{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;min-height:100vh;display:flex;overflow:visible}#title{color:inherit;text-align:center;margin:0;padding:.1em 0 15px;font-family:Inter Tight,sans-serif;font-size:150px;font-weight:800;line-height:1.15;overflow:visible}#subtitle{color:inherit;text-align:center;margin-top:5px;font-family:Roboto,sans-serif;font-size:30px;font-weight:300;overflow:hidden}#app{width:50%;height:550px;position:relative;overflow:hidden;transform:translateY(-100px)}#abouttitle{color:#feb161;white-space:pre-line;margin:0;font-family:Raleway,sans-serif;font-size:30px;font-weight:800;line-height:1;overflow:hidden}#abouttext{color:inherit;white-space:pre-line;text-align:justify;margin-top:30px;font-family:Rubik,sans-serif;font-size:20px;font-weight:350;line-height:1.2;overflow:hidden}.content-section{justify-content:space-between;align-items:center;gap:50px;width:100%;display:flex}.about-content{flex:1;max-width:650px}.australia-svg{flex-shrink:0;width:350px;height:350px}@media (width<=768px){.content-section{flex-direction:column;gap:30px}.about-content{max-width:100%}.australia-svg{width:250px;height:250px}}#projectstitle,#contactTitle{color:#feb161;white-space:pre-line;margin:0;font-family:Raleway,sans-serif;font-size:30px;font-weight:800;line-height:1;overflow:hidden}.card{clip-path:polygon(0% 6%,0% 94%,6% 100%,94% 100%,100% 94%,100% 22%,90% 18%,80% 6%,74% 0%,6% 0%);background:url(src/yo.png) 50%/cover no-repeat;border-radius:30px;width:350px;height:500px}