:root{font-family:Lato,Arial,sans-serif;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}img{height:200px}body{padding:0;margin:0;height:100%;width:100%;overflow-x:hidden}.header{width:100%;text-align:center;position:sticky;top:0;border-bottom:#262626 1px solid;background-color:#0009;-webkit-backdrop-filter:saturate(0%) blur(4px);backdrop-filter:saturate(0%) blur(4px);z-index:100;padding:5px 0}.header h2{margin:3px 0 0}.header .bio{margin:4px 0;font-size:.85rem}p{color:#a1a1a1;font-weight:400}.navigation{width:100%;display:flex;border-bottom:#262626 1px solid;background-color:#0a0a0a;height:40px;align-items:center}#timezone{margin-top:-10px}.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%,1100px);margin:50px auto;padding:0 16px;text-align:left}.seperator{width:100%;height:2px;background-color:#262626;margin:60px 0}.hero-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;flex-wrap:wrap}.skillCard{background-color:#000;height:100%;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 16px;background:#0a0a0a;border-top:1px solid #1f1f1f}.footer-top{width:min(100%,1000px);margin:0 auto;display:flex;flex-wrap:wrap;gap:24px 0px;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,.header-social-link{color:#a9a9a9;text-decoration:none;font-size:.93rem;transition:color .15s ease}.footer-nav a:hover,.footer-link:hover,.header-social-link:hover{color:#fff}.footer-link svg,.header-social-link svg{vertical-align:middle;margin-right:6px}#github,#twitter{color:inherit}.footer-meta{width:min(100%,1000px);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:268px){.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(260px,420px));justify-content:center}.projectCard{display:flex;flex-direction:column;gap:12px;padding:10px;border:1px solid #262626;border-radius:10px;background-color:#0a0a0a;transition:all .15s ease}.projectImg{width:100%;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:.85rem;line-height:1.5}.projectUrl{margin-top:auto;display:inline-block;padding:12px 18px;border-radius:6px;border:2px solid #262626;color:#f0f0f0;text-decoration:none;font-size:.9rem;transition:background-color .15s ease}.projectUrl:hover,.projectUrl:focus-visible{background-color:#171717;color:#fff}@media(max-width:720px){.projects-grid{gap:16px}.projectCard{padding:16px}}#aButtons{display:flex;gap:20px;padding:5px;justify-content:center}