:root{font-family:Lato,Arial,sans-serif;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility}body{padding:0;margin:0;height:100%;width:100%;overflow-x:hidden}.header{width:100vw;text-align:center;line-height:20px;position:sticky;top:0;border-bottom:#262626 1px solid;background-color:#00000046;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;padding-top:1px}p{color:#a1a1a1;font-weight:400}.navigation{width:100%;display:flex;border-bottom:#262626 1px solid;background-color:#0a0a0a;height:50px;align-items:center}.navigations{display:flex;gap:10px;text-align:center;margin:0 auto}.hrefs{color:#a1a1a1;transition:all .1s ease;text-decoration:none}.hrefs:hover{color:#d3d3d3}.content{min-height:100vh;width:min(100%,1200px);margin:50px auto;text-align:left}.seperator{width:100%;height:2px;background-color:#262626;margin:60px 0}.buttons{display:flex;gap:20px;margin-top:30px}#projectBtn{padding:13px;font-size:16px;border:none;background-color:#fff;border-radius:10px;cursor:pointer;transition:background-color .1s ease}#contactBtn{padding:13px;font-size:16px;border:2px #262626 solid;background-color:transparent;color:#fff;border-radius:10px;cursor:pointer;transition:background-color .1s ease}#projectBtn:hover{background-color:#ddd}#contactBtn:hover{background-color:#151515}#sub{font-size:12px;text-align:center}#cat{position:fixed;width:800px;left:-650px;bottom:235px;rotate:90deg}.skill-list{display:flex;gap:20px}.skillCard{background-color:#000;height:20px;width:fit-content;border:#262626 2px solid;border-radius:5px;padding:5px 8px}.mail{cursor:pointer;color:#c1c1c1;transition:color .1s ease}.mail:hover{color:#e1e1e1}section{scroll-margin-top:400px}.toast{position:fixed;width:150px;height:55px;background-color:#131313;bottom:-1;opacity:0;padding:10px;text-align:center;border-radius:10px;left:auto;transition:all .3s ease}.toast.active{opacity:1;bottom:0}.footer{width:100%;margin:80px 0 0;padding:48px 24px;background:#0a0a0a;border-top:1px solid #1f1f1f}.footer-top{width:min(100%,1200px);margin:0 auto;display:flex;flex-wrap:wrap;gap:24px 40px;justify-content:space-between;align-items:flex-start}.footer-brand h2{margin:0 0 12px;font-size:1.4rem}.footer-brand p{max-width:320px;margin:0;color:#8c8c8c;line-height:1.5}.footer-nav,.footer-social{display:flex;flex-direction:column;gap:8px}.footer-nav a,.footer-link{color:#a9a9a9;text-decoration:none;font-size:.93rem;transition:color .15s ease}.footer-nav a:hover,.footer-link:hover{color:#fff}.footer-link svg{vertical-align:middle;margin-right:6px}#github{color:inherit}.footer-meta{width:min(100%,1200px);margin:32px auto 0;border-top:1px solid #1f1f1f;padding-top:18px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:.8rem;color:#6f6f6f}@media(max-width:768px){.footer{padding:36px 20px}.footer-top{flex-direction:column;gap:32px}.footer-nav,.footer-social{flex-direction:column;gap:10px}.footer-meta{flex-direction:column;align-items:flex-start}}.projects-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(330px,460px));justify-content:flex-start}.projectCard{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #262626;border-radius:10px;background-color:#0d0d0d}.projectImg{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:6px;border:1px solid #1a1a1a;background-color:#111}.projectDetails{display:flex;flex-direction:column;gap:8px}.projectName{margin:0;font-size:1.15rem;font-weight:600;color:#f5f5f5}.projectDesc{margin:0;color:#a1a1a1;font-size:.95rem;line-height:1.5}.projectUrl{margin-top:auto;display:inline-block;padding:8px 14px;border-radius:6px;border:1px solid #262626;color:#f0f0f0;text-decoration:none;font-size:.9rem;transition:background-color .15s ease}.projectUrl:hover,.projectUrl:focus-visible{background-color:#151515;color:#fff}@media(max-width:720px){.projects-grid{gap:16px}.projectCard{padding:16px}}