*{margin:0%;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}main{min-height:100vh;width:100%;background-image:url(/Mac-wallpaper.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;overflow:hidden}body{background-color:#000}.dock{display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background-color:#c3c3c338;padding-inline:1rem;padding-block:.55rem;border-radius:.75rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);gap:.75rem;animation:dockSlideUp .6s cubic-bezier(.16,1,.3,1) .2s backwards;transition:transform .3s ease,box-shadow .3s ease}.dock:hover{box-shadow:0 8px 32px #0000004d}.dock .icon{padding:.4rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:3.5rem;transition:all .5s cubic-bezier(.19,1,.22,1)}.dock .github,.dock .cli{background-color:#000}.dock .note{background:linear-gradient(to bottom,#ffb357,#ff991c)}.dock .pdf{background:linear-gradient(to bottom,#ff414e,#ff1928)}.dock .calender,.dock .mail{background:linear-gradient(to bottom,#695eff,#4234ff)}.dock .spotify{background:linear-gradient(to bottom,#4eb021,#358e0c)}.dock .link{background:linear-gradient(to bottom,#a361aa,#8e2178)}.dock .finder{background:linear-gradient(to bottom,#667eea,#764ba2)}.dock .icon:hover{cursor:pointer;transform:scale(1.25) translateY(-20%)}.dock .icon:hover+.icon,.dock .icon:has(+.icon:hover){transform:scale(1.1) translateY(-10%)}.dock .icon.active{position:relative}.dock .icon.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:#fff;border-radius:50%;box-shadow:0 0 4px #fffc;animation:dotPulse 2s ease-in-out infinite}@keyframes dockSlideUp{0%{opacity:0;transform:translate(-50%) translateY(40px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes dotPulse{0%,to{box-shadow:0 0 4px #fffc}50%{box-shadow:0 0 8px #fff}}nav{width:100%;color:#fff;font-size:.8rem;padding-inline:.4rem;padding-block:.4rem;background-color:#9e9e9e1b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:space-between;align-items:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,sans-serif;font-weight:500}nav .left,nav .right{display:flex;gap:1rem;align-items:center}nav img{height:1rem;width:auto;display:block}.window{height:100%;background-color:#050203;border-radius:.75rem;overflow:hidden;box-shadow:0 8px 32px #0006;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,sans-serif;font-weight:400;color:#f5f5f7}.window .nav{padding-inline:.5rem;padding-block:.3rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(209,209,214,.3764705882)}.window .nav .dots{display:flex;gap:.2rem;cursor:pointer}.window .nav .dots .dot{height:10px;width:10px;background-color:#fff;border-radius:50%}.window .nav .dots .red{background-color:#ff5f57}.window .nav .dots .yellow{background-color:#ffbd2e}.window .nav .dots .green{background-color:#28c840}.window .nav .dots .red:hover,.window .nav .dots .yellow:hover,.window .nav .dots .green:hover{filter:brightness(85%)}.window .nav .dots .red,.window .nav .dots .yellow,.window .nav .dots .green{transition:filter .15s ease}.window .main-content{height:calc(100% - 30px);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.window .main-content.no-pointer{pointer-events:none}.window .main-content.no-pointer iframe,.window .main-content.no-pointer embed,.window .main-content.no-pointer object,.window .main-content.no-pointer video{pointer-events:none}.window.window-open{animation:windowOpen .25s cubic-bezier(.2,.8,.2,1) forwards}.window.window-closing{animation:windowClose .2s cubic-bezier(.2,0,.2,1) forwards}@keyframes windowOpen{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes windowClose{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}.cards{height:100%;padding:.75rem .75rem 10rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,sans-serif;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cards .card{flex-grow:1;flex-basis:20rem;max-width:30rem;color:#f5f5f7;padding-inline:1rem;padding-block:.75rem;background-color:#1c1c1c;border-radius:.5rem;border:1px solid #333;display:flex;flex-direction:column;gap:.75rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s ease;animation:cardFadeIn .5s ease-out backwards}.cards .card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 40px #0006;border-color:#555}.cards .card:nth-child(1){animation-delay:.1s}.cards .card:nth-child(2){animation-delay:.2s}.cards .card:nth-child(3){animation-delay:.3s}.cards .card:nth-child(4){animation-delay:.4s}.cards .card:nth-child(5){animation-delay:.5s}.cards .card:nth-child(6){animation-delay:.6s}.cards .card:nth-child(7){animation-delay:.7s}.cards .card:nth-child(8){animation-delay:.8s}.cards .card:nth-child(9){animation-delay:.9s}.cards .card:nth-child(10){animation-delay:1s}.cards .card:nth-child(11){animation-delay:1.1s}.cards .card:nth-child(12){animation-delay:1.2s}.cards .card img{width:100%;border-radius:1rem;transition:transform .3s ease,filter .3s ease}.cards .card img:hover{transform:scale(1.03);filter:brightness(1.1)}.cards .card h1{font-size:1rem;font-weight:400;transition:color .2s ease}.cards .card .description{opacity:.7;word-spacing:.3rem;line-height:1.1rem;transition:opacity .2s ease}.cards .card:hover .description{opacity:.9}.cards .card .tags{display:flex;gap:1rem;flex-wrap:wrap}.cards .card .tags .tag{background-color:#66666648;width:fit-content;padding-inline:1.1rem;padding-block:.55rem;border-radius:.75rem;white-space:nowrap;transition:background-color .2s ease,transform .2s ease}.cards .card .tags .tag:hover{background-color:#66666680;transform:scale(1.05)}.cards .card .links{display:flex;gap:.5rem}.cards .card .links a{color:#f5f5f7;text-decoration:none;transition:color .2s ease,transform .2s ease;display:inline-block}.cards .card .links a:hover{color:#3b82f6;transform:translate(3px)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.note-window{padding:1rem 1rem 10rem;height:100%;overflow-y:auto;font-size:1.1rem;animation:noteFadeIn .4s ease-out}.note-window pre{background-color:transparent!important;transition:opacity .2s ease}.note-window{scroll-behavior:smooth}@keyframes noteFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.resume-window{height:100%;overflow:auto;animation:resumeFadeIn .4s ease-out;scroll-behavior:smooth}.resume-window embed{width:100%;height:100%;transition:opacity .3s ease}@keyframes resumeFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spotify-window{width:100%;height:100%;animation:spotifyFadeIn .4s ease-out}.spotify-window iframe{width:100%;height:100%;border:none;transition:opacity .3s ease}@keyframes spotifyFadeIn{0%{opacity:0}to{opacity:1}}.cli-window{height:100%;animation:cliFadeIn .3s ease-out}.cli-window div[name=react-console-emulator]{height:100%}.cli-window .react-console-cursor{animation:cursorBlink 1s step-end infinite}@keyframes cliFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}