*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{background-color:#000}main{height:100%;width:100%;background-image:url(/mac-wallpaper.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;overflow:hidden}.dock{display:flex;gap:.75rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background-color:#3f3f3f66;padding-inline:1rem;padding-block:.75rem;border-radius:.75rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dock .icon{padding:.65rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;width:3.75rem;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,#ff4150,#ff1928)}.dock .calender,.dock .mail{background:linear-gradient(to bottom,#695fff,#4234ff)}.dock .spotify{background:linear-gradient(to bottom,#50af1e,#37910f)}.dock .linkedin{background:linear-gradient(to bottom,#0a66c2,#004182)}.dock .icon:hover{transform:scale(1.25) translateY(-20%)}.dock .icon:hover+.icon,.dock .icon:has(+.icon:hover){transform:scale(1.1) translateY(-10%)}.window{height:100%;background-color:#060606;border-radius:.75rem;overflow:hidden;color:#aaa;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:500}.window .nav{padding-inline:.75rem;padding-block:.5rem;border-bottom:1px solid rgba(245,245,245,.24);display:flex;gap:1.5rem;align-items:center}.window .nav .dots{display:flex;gap:.25rem;cursor:pointer}.window .nav .dots .dot{height:15px;width:15px;background-color:#fff;border-radius:50%}.window .nav .dots .red{background-color:#f03c3c}.window .nav .dots .yellow{background-color:#f5f550}.window .nav .dots .green{background-color:#1ee600}.window .main-content{height:100%}.window *::-webkit-scrollbar{width:.25rem}.window *::-webkit-scrollbar-thumb{background-color:#505050;border-radius:.5rem}.note-window{padding:1rem 1rem 5rem;height:100%;overflow:auto;font-size:1.1rem}.note-window pre{background-color:transparent!important}.spotify-window,.spotify-window iframe{height:100%;width:100%}nav{width:100%;color:#fff;padding-inline:.75rem;padding-block:.5rem;background-color:#9e9e9e1b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:space-between;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}nav .left,nav .right{display:flex;gap:1rem}.cards{overflow:scroll;height:100%;padding:1rem 1rem 10rem;display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}.cards .card{flex-grow:1;flex-basis:20rem;max-width:30rem;padding-inline:1rem;padding-block:.75rem;background-color:#1c1c1c;border-radius:.5rem;color:#d4d4d4;display:flex;flex-direction:column;gap:1rem}.cards .card img{width:100%;border-radius:1rem}.cards .card h2{font-size:1.5rem;font-weight:500}.cards .card .description{opacity:.7;word-spacing:.04rem;line-height:1.2rem}.cards .card .tags{display:flex;gap:.5rem;flex-wrap:wrap}.cards .card .tags .tag{padding:.25rem .5rem;border-radius:.25rem;background-color:#465756;font-size:.9rem;font-weight:500;opacity:.7;white-space:nowrap}.cards .card .urls{display:flex;justify-content:space-between;align-items:center}.cards .card .urls a{color:#f5f5f5;text-decoration:none}.resume-window{height:100%;width:100%;overflow:auto}.resume-window embed{width:100%;height:100%}.cli-window{height:100%;overflow:auto;padding-bottom:3rem;background-color:#222}.cli-window div[name=react-console-emulator]{height:100%;background-color:transparent!important}