@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Orbitron:wght@400;500;700&display=swap');
@import 'modules/reset.css';
@import 'modules/grid-background.css';
@import 'modules/splash.css';
@import 'modules/taskbar.css';
@import 'modules/content.css';
@import 'modules/hero.css';
@import 'modules/scrollbar.css';
@import 'modules/projects.css';
@import 'modules/arsenal.css';
@import 'modules/terminal.css';
:root{
  --bg-color:#0a1014;--bg-color-rgb:10,16,20;
  --text-primary:#e0e6ea;--text-primary-rgb:224,230,234;
  --text-secondary:#a0a8b0;--text-secondary-rgb:160,168,176;
  --accent-color:#3fe0c5;--accent-color-rgb:63,224,197;
  --accent-hover:#2acfb4;
  --font-heading:'Orbitron',sans-serif;
  --font-body:'Space Mono',monospace;
  --vh:1vh;
}
html{scroll-behavior:smooth;}
html,body{height:100%;margin:0;padding:0;font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;-webkit-tap-highlight-color:transparent;}
.splash-container{height:100vh;height:calc(var(--vh,1vh) * 100);}
@keyframes fadeOut{from{opacity:1;}to{opacity:0;visibility:hidden;}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.fade-out{animation:fadeOut 0.6s forwards;}
.fade-in{animation:fadeIn 0.6s forwards;}
#loading-bar{transform-origin:left;width:100%;transform:scaleX(0);}
@media (max-width:768px){
  body{overscroll-behavior:none;}
}