*{margin:0;scroll-behavior:smooth;scroll-padding:120px}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at center,#0c0217,#100316 60%,#000)}section{margin-top:150px}@media screen and (max-width: 1250px){section{margin-top:60px}}a{text-decoration:none}@font-face{font-display:swap;font-family:Handjet;font-style:normal;font-weight:400;src:url(Handjet-VariableFont_ELGR,ELSH,wght.5330709533ac6096.ttf) format("truetype")}@font-face{font-display:swap;font-family:Guess;font-style:normal;font-weight:400;src:url(guess-sans-regular.11c3638522af1cc5.otf)}@font-face{font-display:swap;font-family:Guess-Bold;font-style:normal;font-weight:400;src:url(guess-sans-bold.28eb81107cebf02f.otf)}@font-face{font-display:swap;font-family:RobotoMono;font-style:normal;font-weight:400;src:url(RobotoMono-VariableFont_wght.b70721d941dc2a3a.ttf) format("truetype")}nav a:hover{color:#67ffc7}body:has(app-introduction:target) nav a[href="#introduction"],body:has(app-my-skills:target) nav a[href="#skills"],body:has(app-contact:target) nav a[href="#contact"],body:has(app-my-projects:target) nav a[href="#my-projects"]{color:#67ffc7}