:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0d0d0d}html{scroll-behavior:smooth}body{padding:0;margin:0}.navbar{display:flex;justify-content:center;align-items:center;padding:10px}.container-nav{display:flex;flex-direction:row;align-items:center}.nav-links{display:flex;flex-direction:row}.nav-links li{list-style:none;margin:0 .5rem}.nav-links a{text-decoration:none;background-color:#171717;padding:.5rem 1rem;color:#fff;transition:all .3s ease-out;position:relative;border:1px solid transparent}.nav-links a:hover{background:#fff;color:#171717;transform:translateY(-3px);box-shadow:0 4px 15px #00000026}.menu-sandwich{display:none;font-size:28px;color:#fff;background:none;border:none;cursor:pointer}@media screen and (max-width: 768px){.navbar{width:100%;display:block;padding:0}.logo{position:absolute;top:5px;left:20px}.menu-sandwich{position:absolute;top:15px;right:20px;display:block}.nav-links{display:none;margin-top:60px;flex-direction:column;width:100%;padding:0;margin-left:0}.nav-links li{margin:0;padding:0;width:100%}.nav-links a{display:block;padding:10px 20px;text-align:left}.nav-links.active{display:flex}}.my__infos{color:#fff;border-radius:10px;max-width:400px;font-family:Arial,sans-serif}.greetings{font-size:16px;color:#f39c12}.name{font-size:24px;margin:5px 0}.position{font-size:18px;font-weight:700;color:#3498db}.about__me{font-size:14px;margin-bottom:15px}.phone__number,.email,.location{display:flex;align-items:center;gap:10px;margin-bottom:10px}span{font-size:14px}@media screen and (max-width: 768px){.my__infos{width:100%}}.code-editor{width:100%;height:400px;background:#1e1e1e;border-radius:8px;overflow:hidden;font-family:Fira Code,monospace;box-shadow:0 4px 10px #0000004d}.editor-header{display:flex;align-items:center;background:#2d2d2d;padding:8px;color:#ccc}.buttons{display:flex;gap:6px}.buttons span{width:12px;height:12px;border-radius:50%;display:inline-block}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.file-name{margin-left:auto;font-size:14px}.code-window{background:#1e1e1e;padding:16px;color:#c5c8c6;font-size:14px;white-space:pre-wrap;overflow-x:auto}.code-window pre{margin:0}.code-window code{font-family:Fira Code,monospace}.keyword{color:#569cd6}.function{color:#dcdcaa}.params{color:#9cdcfe}.number{color:#b5cea8}.variable{color:#4fc1ff}.punctuation,.operator{color:#d4d4d4}.indent{-webkit-user-select:none;user-select:none}.code-window code{line-height:1.5;font-size:.9rem}@media screen and (max-width: 540px){.code-editor{width:100%}.code-window code{font-size:.8rem}}.section-banner{width:100%;display:flex;gap:0 30px;margin-top:50px}@media screen and (max-width: 768px){.section-banner{flex-direction:column;gap:30px 0;align-items:start;margin-top:60px}nav:has(.nav-links.active)+.section-banner{margin-top:0}}.section-skills{padding-top:50px}.skills-container{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.skills-container .card-skill{background:#1e1e1e;text-align:center;padding:15px 0 5px;transition:.5s;border-radius:8px}.skills-container .card-skill img{width:80px;height:80px}.skills-container .card-skill:hover{background:#fff;color:#1e1e1e}@media screen and (max-width:724px){.skills-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:540px){.skills-container{grid-template-columns:repeat(1,1fr)}}.section-contacts{padding:50px 0}.contacts-container{display:flex;justify-content:center;gap:15px;margin-top:10px}.contacts-container a{display:inline-block;color:#fff;font-size:30px;transition:transform .5s ease-in-out}.contacts-container a:hover{filter:grayscale(0%);transform:scale(1.1);color:#1f1f1f}.site-footer{margin-top:40px;padding:20px 0;border-top:1px solid rgba(255,255,255,.08)}.footer-inner{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;color:#ffffff8c}.footer-copy{margin:0}.footer-link{color:#ffffff8c;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#fff}@media screen and (max-width: 480px){.footer-inner{flex-direction:column;text-align:center}}.privacy-page{max-width:800px;margin:0 auto;padding:30px 10px 60px;color:#ffffffd9}.privacy-page h1{font-size:1.9rem;margin-bottom:8px;color:#fff}.privacy-page h2{font-size:1.15rem;margin-top:28px;margin-bottom:10px;color:#fff;border-left:3px solid rgba(255,255,255,.6);padding-left:10px}.privacy-updated{font-size:.85rem;color:#ffffff80;margin-top:0;margin-bottom:24px}.privacy-page p,.privacy-page ul{line-height:1.7;font-size:.95rem}.privacy-page ul{padding-left:20px}.privacy-page li{margin-bottom:6px}.privacy-page a{color:#fffffff2;text-decoration:underline;text-decoration-color:#ffffff4d;transition:text-decoration-color .2s ease}.privacy-page a:hover{text-decoration-color:#fff}.privacy-back{margin-bottom:18px}.privacy-back-link{font-size:.9rem;color:#ffffffa6;text-decoration:none;transition:color .2s ease}.privacy-back-link:hover{color:#fff}@media screen and (max-width: 480px){.privacy-page h1{font-size:1.5rem}.privacy-page h2{font-size:1.05rem}}.wrapper{max-width:1000px;margin:0 auto;padding:0 10px}