@import'https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet';*{font-family:Space Grotesk,sans-serif}html{background:radial-gradient(circle at top left,#000 5%,navy 75%,beige 150%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;min-height:100rem;color:#fff;overflow-x:hidden;zoom:1}button{border-radius:.5rem;padding:.5rem 1rem;background-color:#0000;color:#e5e7eb;border-style:solid;border-color:#0df3ff;transition:box-shadow .3s ease,transform .3s ease;margin-left:10px;margin-top:10px;font-size:16px}button:hover{box-shadow:0 0 10px #0df3ffcc,0 0 20px #0df3ff99;transform:scale(1.05)}.topNav{display:flex;padding-left:1rem;padding-right:1rem;width:96vw;border-style:solid;border-color:#fff;border-width:1px;box-shadow:0 0 20px -1px #ffffff80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:3px;justify-content:space-between;align-items:center;position:fixed;z-index:10;cursor:pointer}.topNav a{font-size:20px;text-decoration:none;color:#fff;margin-left:2rem;transition:.5s}.navLinks{display:flex;justify-content:flex-end}a:hover{transition:.5s;color:#eb841d;transform:scale(1.05)}a:hover{color:#eb841d;transform:scale(1.05)}a:after{content:"";position:absolute;width:0;height:2px;background-color:#eb841d;bottom:0;left:0;transition:width .3s ease}a:hover:after{width:100%}.topNav p{font-size:20px;text-decoration:none;color:#fff}@media (max-width: 360px){.topNav{display:none}}.title-Container{display:inline-block;margin-top:10rem;margin-left:10px}h1{font-size:50px}h2{color:#d4d6da}.typewriter{font-size:30px;letter-spacing:10px;color:#eb841d;width:100%;white-space:nowrap;overflow:hidden}.title-info{color:#d4d6da;margin-left:10px;font-size:18px;line-height:1.7;width:60vw}.about-Container{background-color:#242222;position:relative;margin-top:20rem;display:flex;flex-direction:column}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.about-Container:after,.about-Container:before{content:"";position:absolute;height:100%;width:100%;top:50%;left:50%;translate:-50% -50%;background-image:conic-gradient(from var(--angle),#00e1ff,#2830ce,#1894ed,#00e1ff);z-index:-1;padding:3px;border-radius:5px;animation:3s spin linear infinite}.about-Container:before{filter:blur(1.5rem);opacity:.7}.about-Container h1{text-align:center}.about-text{text-align:left;margin:25px;font-size:24px;color:#eb841d;background-color:#1d1c1c;padding:50px;border-radius:5px;line-height:2.5rem}@keyframes spin{0%{--angle:0deg }to{--angle:360deg }}.skills{border:2px solid #eb841d;display:inline-flex;align-items:center;padding:10px;margin-right:16px;margin-bottom:10px;gap:8px;border-radius:5px}.skill-icon{width:30px;height:30px}.project-container{margin-top:15px;display:flex;padding:10px;background:#ffffff1a;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.project-container:hover{transform:scale(.97);box-shadow:0 0 20px #eb841d}.project-container img{width:425px}.project-title{margin-top:5px;margin-left:15px;font-size:30px}.project-text{font-size:16px;margin-left:15px;margin-right:20x;line-height:1.5rem}.project-skill{display:flex;gap:10px;margin-left:15px}.project-skill p{font-size:15px;background:#eb841d4d;border-radius:5px;padding:10px 20px;display:inline-block;color:#fff;box-shadow:0 0 10px #eb841d33}.github-container{color:#fff;text-align:center}.github-container .contact-links{display:flex;justify-content:center;gap:2rem;font-size:5rem}.github-container .contact-links a{color:#fff;transition:color .3s}.github-container .contact-links a:hover{color:#9ca3af}.github-container .stats{margin-top:2rem}.github-container .stats p{font-size:1.25rem;font-weight:600}.github-container .stats img{border-radius:.5rem;box-shadow:0 4px 6px #0000001a;margin-top:1rem;max-width:100%}.contact-me{color:#eb841d;font-size:50px}.contact-background{margin-top:30rem;background-color:#ffffff4d;padding:2rem;border-radius:1rem;box-shadow:0 4px 12px #0000001a}@media (max-width: 768px){h1{font-size:32px}.typewriter{font-size:20px;letter-spacing:3px}.title-info{font-size:15px;line-height:1.4;margin-left:1rem;width:95vw}.about-text{font-size:18px;padding:20px;line-height:2rem}.skills{flex-wrap:wrap;font-size:14px;padding:8px}.skill-icon{width:20px;height:20px}.project-container{flex-direction:column;align-items:center}.project-container img{width:100%;height:auto}.project-title,.project-text,.project-skill{margin-left:0;text-align:center}.project-text{font-size:14px}.project-skill{flex-wrap:wrap;justify-content:center}.project-skill p{font-size:12px;padding:8px 12px}.github-container .contact-links{flex-direction:column;gap:1rem;font-size:3rem}.contact-me{font-size:30px;text-align:center}.contact-background{margin-top:20rem;padding:1rem}}@media (max-width: 360px){.title-Container{margin-top:6rem}.typewriter{font-size:18px;letter-spacing:2px}.topNav{display:none}.about-text{font-size:16px;padding:16px}.project-title{font-size:22px}.project-text{font-size:13px}}.hamburger{display:none;font-size:28px;cursor:pointer;color:#fff;margin-right:1rem}@media (max-width: 1000px){.topNav{width:88vw;flex-wrap:wrap;padding:.5rem 1rem}.topNav p{font-size:18px}.hamburger{display:block}.navLinks{display:none;flex-direction:column;width:100%;padding:.5rem 1rem}.navLinks.active{display:flex}.navLinks a{margin:.5rem 0;font-size:18px}}.projects-container{max-height:70vh;overflow-y:auto;padding-right:1rem}.projects-container::-webkit-scrollbar{width:8px}.projects-container::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.projects-container::-webkit-scrollbar-track{background:transparent}