:root{--bg-color:#ffffff;--text-color:#333333;--border-color:#dddddd;--hover-bg:#f5f5f5;--focus-color:#007bff;--card-bg:#ffffff;--shadow-color:rgba(0,0,0,0.1)}[data-theme=dark]{--bg-color:#1a1a1a;--text-color:#e0e0e0;--border-color:#333333;--hover-bg:#2a2a2a;--focus-color:#4a9eff;--card-bg:#222222;--shadow-color:rgba(255,255,255,0.1)}@font-face{font-family:Montserrat-Regular;src:url(/fonts/Montserrat/static/Montserrat-Regular.ttf);font-display:swap}@font-face{font-family:Montserrat-Bold;src:url(/fonts/Montserrat/static/Montserrat-SemiBold.ttf);font-display:swap}@font-face{font-family:Open-Sans-Regular;src:url(/fonts/Open_Sans/static/OpenSans-Regular.ttf);font-display:swap}@font-face{font-family:Open-Sans-Light;src:url(/fonts/Open_Sans/static/OpenSans-Light.ttf);font-display:swap}@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap");body,html{margin:0;font-family:Fira Code,Courier New,Monaco,Menlo,Ubuntu Mono,monospace;font-size:1rem;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}*{box-sizing:border-box}h2{text-decoration:underline;font-family:Fira Code,Courier New,Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600;margin-left:1rem}ul{padding:0;list-style:none}main{padding:0 20%}@media (max-width:1050px){main{padding:0 5%}}