@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box;overflow:hidden}html,body,#root{height:100%;width:100%;font-family:Arial,Helvetica,sans-serif}main{height:100vh;width:100%;background-color:#000}@media(min-width:240px)and (max-width:768px){body{overflow:hidden!important}}.dock{display:flex;flex-direction:row;position:absolute;justify-content:space-evenly;align-items:center;border-radius:1rem;bottom:1rem;left:50%;transform:translate(-50%);background-color:#0000004f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem;gap:.5rem;width:90%;max-width:600px;min-width:300px}@media(min-width:768px){.dock{width:70%;padding:1rem;gap:.75rem}}@media(min-width:1024px){.dock{width:50%}}@media(min-width:1200px){.dock{width:35%}}.dock .icons{display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .3s ease;width:3rem;height:3rem;padding:.4rem}@media(min-width:640px){.dock .icons{width:3.5rem;height:3.5rem;padding:.5rem}}@media(min-width:768px){.dock .icons{width:4rem;height:4rem;padding:.5rem .8rem}}.dock .icons img{width:100%;height:100%;object-fit:contain;display:block}.dock .github{background-color:#000}.dock .note{background:linear-gradient(to bottom,#f70,#ff7700dc)}.dock .pdf{background:linear-gradient(#ff4e4eb9,red)}.dock .calender{background:linear-gradient(#9595ff,#0000ffdc)}.dock .spotify{background:linear-gradient(orange,#ffa600b0)}.dock .mail{background:linear-gradient(#9595ff,#0000ffdc)}.dock .link{background:linear-gradient(#f1556f,#f9042dbd)}.dock .cli{background:linear-gradient(#000)}@media(hover:hover)and (pointer:fine){.dock .icons:hover{transform:scale(1.2) translateY(-20%)}.dock .icons:hover+.icons,.dock .icons:has(+.icons:hover){transform:scale(1.1) translateY(-7%)}}@media(hover:none)and (pointer:coarse){.dock .icons:active{transform:scale(.95);transition:transform .1s}}@media(max-width:350px){.dock{width:95%;padding:.5rem;gap:.25rem}.dock .icons{width:2.5rem;height:2.5rem;padding:.3rem}}.window{background-color:#000;border-radius:.8rem;overflow:hidden!important;height:90%;width:100%;font-family:"Press Start 2P",system-ui}@media(min-width:767px){.window{height:100%;width:100%}}.window .nav{padding:.75rem;display:flex;gap:.75rem;align-items:center;border-bottom:1px solid rgba(245,245,245,.343)}.window .nav .dots{display:flex;gap:.5rem!important}.window .nav .dots .dot{height:20px!important;width:20px!important;border-radius:50%}@media(min-width:767px){.window .nav .dots .dot{height:15px;width:15px}}.window .nav .dots .red{background-color:#ff0000cf;cursor:pointer}.window .nav .dots .green{cursor:pointer;background-color:#008000a7}.window .nav .dots .yellow{cursor:pointer;background-color:#ffff00b7}.window .nav .title p{color:#ffffffc7;font-weight:900;font-size:.5rem}@media(min-width:768px){.window .nav .title p{font-size:.5rem}}.window .main-content{height:calc(100% - 1055px);overflow-y:auto;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}@media(min-width:767px){.window .main-content{height:calc(100% - 60px)}}.window *::-webkit-scrollbar{width:16px!important}@media(min-width:768px){.window *::-webkit-scrollbar{width:12px!important}}.window *::-webkit-scrollbar-thumb{background-color:#162b2b;border-radius:20px}.window .mobile-window{transition:all .3s ease}@media(min-width:240px)and (max-width:359px){.window .nav{padding:.5rem;gap:.5rem}.window .nav .dots{gap:.15rem}.window .nav .dots .dot{height:10px;width:10px}.window .nav .title p{font-size:.3rem}.window .main-content{height:calc(100% - 45px)}}@media(min-width:360px)and (max-width:479px){.window .nav{padding:.6rem;gap:.6rem}.window .nav .dots{gap:.18rem}.window .nav .dots .dot{height:11px;width:11px}.window .nav .title p{font-size:.32rem}.window .main-content{height:calc(100% - 50px)}}@media(min-width:480px)and (max-width:767px){.window .nav{padding:.7rem;gap:.7rem}.window .nav .dots{gap:.2rem}.window .nav .dots .dot{height:13px;width:13px}.window .nav .title p{font-size:.4rem}.window .main-content{height:calc(100% - 55px)}}@media(min-width:768px)and (max-width:1023px){.window .nav{padding:.8rem;gap:.8rem}.window .nav .dots{gap:.22rem}}@media(min-width:1024px)and (max-width:1199px){.window .nav{padding:.9rem;gap:.9rem}.window .nav .dots{gap:.24rem}.window .nav .dots .dot{height:16px;width:16px}.window .nav .title p{font-size:.55rem}.window .main-content{height:calc(100% - 65px)}}@media(min-width:1200px)and (max-width:1439px){.window .nav{padding:1rem;gap:1rem}.window .nav .dots{gap:.25rem}.window .nav .dots .dot{height:17px;width:17px}.window .nav .title p{font-size:.6rem}.window .main-content{height:calc(100% - 70px)}}@media(min-width:1440px){.window .nav{padding:1.2rem;gap:1.2rem}.window .nav .dots{gap:.3rem}.window .nav .dots .dot{height:18px;width:18px}.window .nav .title p{font-size:.65rem}.window .main-content{height:calc(100% - 75px)}}@media(min-width:1920px){.window .nav{padding:1.5rem;gap:1.5rem}.window .nav .dots{gap:.35rem}.window .nav .dots .dot{height:20px;width:20px}.window .nav .title p{font-size:.75rem}.window .main-content{height:calc(100% - 85px)}}@media(max-height:500px)and (orientation:landscape){.window .nav{padding:.4rem;gap:.4rem}.window .nav .dots .dot{height:10px;width:10px}.window .nav .title p{font-size:.3rem}.window .main-content{height:calc(100% - 40px)}}@media(max-width:768px){.window .mobile-window{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@media(hover:none)and (pointer:coarse){.window .nav .dots .dot{min-height:12px;min-width:12px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.window .nav{border-bottom:.5px solid rgba(245,245,245,.343)}}@media(max-width:768px){.mac-window-container .resize-handle-right,.mac-window-container .resize-handle-bottom,.mac-window-container .resize-handle-bottom-right{width:15px!important;height:15px!important;right:-7px!important;bottom:-7px!important}}@media(max-width:480px){.mac-window-container .resize-handle-right,.mac-window-container .resize-handle-bottom,.mac-window-container .resize-handle-bottom-right{width:20px!important;height:20px!important;right:-10px!important;bottom:-10px!important}}@media(max-width:768px){.mac-window-container .react-draggable{width:90vw!important;height:80vh!important;max-height:80vh!important}}@media(max-width:480px){.mac-window-container .react-draggable{width:95vw!important;height:85vh!important;max-height:85vh!important}}@media(max-width:360px){.mac-window-container .react-draggable{width:98vw!important;height:88vh!important}}.resume-window,.resume-window iframe{height:100%;width:100%}.spotify-window{height:100%;width:100%;overflow-y:auto}.cli-window{height:100%;overflow-y:auto;padding-bottom:3rem;background-color:#0a0a0a}.cli-window div[name=react-console-emulator]{height:100%;padding-bottom:3rem;background-color:transparent!important}*{margin:0;padding:0;box-sizing:border-box}nav{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.2rem;font-family:"Press Start 2P",system-ui;background-color:transparent;position:relative;min-height:44px;overflow:hidden}@media(min-width:768px){nav{padding:.5rem}}nav .left{display:flex;padding:.5rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);align-items:center;gap:.75rem;width:auto;flex:1}@media(min-width:640px){nav .left{gap:1rem;padding:.5rem .75rem}}@media(min-width:768px){nav .left{gap:1.25rem;padding:.5rem 1rem}}@media(min-width:1024px){nav .left{gap:1.5rem}}nav .left .apple-icon{display:flex;align-items:center;justify-content:center;min-width:16px;min-height:16px}nav .left .apple-icon img{width:100%;height:auto;max-width:16px;max-height:16px}@media(min-width:640px){nav .left .apple-icon img{max-width:18px;max-height:18px}}@media(min-width:768px){nav .left .apple-icon img{max-width:20px;max-height:20px}}nav .left .nav-item{display:flex;align-items:center;white-space:nowrap}nav .left .nav-item p{font-size:2px!important;font-family:"Press Start 2P",system-ui;color:#fff;margin:0;line-height:1.2}@media(min-width:375px){nav .left .nav-item p{font-size:7px!important}}@media(min-width:640px){nav .left .nav-item p{font-size:8px!important}}@media(min-width:768px){nav .left .nav-item p{font-size:11px!important}}@media(min-width:1024px){nav .left .nav-item p{font-size:12px!important}}@media(min-width:1280px){nav .left .nav-item p{font-size:10px!important}}nav .right{display:flex;align-items:center;gap:.75rem;padding:.5rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);justify-content:flex-end;width:auto;min-width:fit-content}@media(min-width:640px){nav .right{gap:1rem;padding:.5rem .75rem}}@media(min-width:768px){nav .right{gap:1.25rem;padding:.5rem 1rem}}nav .right img{width:14px;height:auto;min-width:14px}@media(min-width:375px){nav .right img{width:16px;min-width:16px}}@media(min-width:640px){nav .right img{width:18px;min-width:18px}}@media(min-width:768px){nav .right img{width:20px;min-width:20px}}nav .right .nav-item{display:flex;align-items:center;white-space:nowrap}nav .right .nav-item div{font-size:5px!important;color:#fff;font-family:"Press Start 2P",system-ui;line-height:1.2}@media(min-width:375px){nav .right .nav-item div{font-size:9px}}@media(min-width:640px){nav .right .nav-item div{font-size:10px!important}}@media(min-width:768px){nav .right .nav-item div{font-size:11px!important}}@media(min-width:1024px){nav .right .nav-item div{font-size:9px!important}}@media(max-width:319px){nav .left{gap:.5rem;padding:.25rem}nav .left .nav-item p{font-size:7px}nav .right{gap:.5rem;padding:.25rem}nav .right img{width:12px}nav .right .nav-item div{font-size:7px}}@media(max-height:500px)and (orientation:landscape){nav{min-height:36px}nav .left,nav .right{padding:.25rem}}.cards{overflow:scroll;padding:3rem;height:100%;display:flex;flex-wrap:wrap;gap:3rem;position:relative}.cards .card{max-width:25rem;min-width:280px;color:#ffffffcb;padding:1rem .75rem;background-color:#1c1c1c;border-radius:.75rem;display:flex;flex-direction:column;gap:1rem}.cards .card img{height:50%;width:100%;object-fit:cover;border-radius:.5rem}.cards .card:nth-child(4) img{display:none}.cards .card h1{font-size:1rem;margin-top:1rem;font-weight:500}.cards .card .description{font-size:1rem;opacity:.7}.cards .card .tags{display:flex;gap:.5rem;flex-wrap:wrap}.cards .card .tag{color:#1cc10ad1;font-size:.85rem}.cards .card .urls{display:flex;gap:1rem}.cards .card .urls a{font-size:.8rem;color:#4dabf7;text-decoration:none}.cards .card .urls a:hover{text-decoration:underline}.cards .scroll-btn{display:none}@media(max-width:1200px){.cards{gap:2rem}.cards .card{max-width:22rem;min-width:250px}}@media(max-width:768px){.cards{padding:1.5rem;gap:1.5rem;justify-content:center}.cards .card{max-width:100%;min-width:100%;margin:0 1rem}.cards .card h1{font-size:.95rem}.cards .card .description{font-size:.9rem}.cards .card .tag{font-size:.8rem}.cards .card .urls a{font-size:.75rem}}@media(max-width:480px){.cards{padding:1rem;gap:1rem;overflow-y:auto;min-width:20rem}.cards .card{padding:.75rem;scroll-margin:1rem}.cards .card h1{font-size:.9rem;margin-top:.5rem}.cards .card .description{font-size:.85rem}.cards .card .tag{font-size:.75rem}.cards .card .urls{flex-direction:column;gap:.5rem}.cards .card .urls a{font-size:.8rem;padding:.25rem 0}.scroll-btn{display:flex!important;position:fixed;top:50%;z-index:1001;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#4dabf7,#1c7ed6);border:2px solid rgba(255,255,255,.2);cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d;animation:pulse 2s infinite;transition:transform .3s ease}.scroll-btn svg{width:20px;height:20px;color:#fff;stroke-width:3px}.scroll-btn:hover{animation:none;transform:scale(1.1)}.scroll-btn:active{transform:scale(.95)}.scroll-up{left:10px;transform:translateY(-50%)}.scroll-down{right:10px;transform:translateY(-50%)}}@media(min-width:481px){.scroll-btn{display:none!important}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.note-window{color:#ffffff98;font-size:1.3rem!important;font-weight:900;overflow-y:auto;height:100%;width:100%;font-family:Arial,Helvetica,sans-serif;padding:1rem 1rem 5rem;line-height:2rem}