*{margin:0%;padding:0%;box-sizing:border-box}html,body,#root{height:100%;width:100%}main{height:100%;width:100%;background-image:url(/mac-wallpaper2.jpg);background-size:cover;background-position:center;position:relative;overflow:hidden}body{background-color:#000}.dock{display:flex;gap:.4rem;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);background-color:#3f3f3f59;padding-inline:.75rem;padding-block:.5rem;border-radius:.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dock .icon{border-radius:.5rem;display:flex;align-items:center;justify-content:center;width:3rem;aspect-ratio:1/1;transition:all .5s cubic-bezier(.19,1,.22,1)}.dock .github,.dock .cli{background:linear-gradient(to bottom,#0f0f0f,#000)}.dock .note{background:linear-gradient(to bottom,#e4a227,#db9515)}.dock .pdf{background:linear-gradient(to bottom,#fb3737,#ff1d1d)}.dock .calender,.dock .mail{background:linear-gradient(to bottom,#5722ea,#4b10ef)}.dock .spotify{background:linear-gradient(to bottom,#2de142,#0db610)}.dock .link{background:linear-gradient(to bottom,#a361aa,#984ea0)}.dock .icon:hover{transform:scale(1.15) translateY(-20%)}.dock .icon:hover+.icon,.dock .icon:has(+.icon:hover){transform:scale(1.05) translateY(-10%)}nav{width:100%;color:#fff;padding-inline:.75rem;padding-block:.5rem;background-color:#8c8b8b1f;-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}.window{height:100%;background-color:#000;border-radius:.5rem;overflow:hidden;color:#a9a8a8;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-origin:center;font-weight:500}.window .nav{padding-inline:.75rem;padding-block:.5rem;border-bottom:1px solid rgba(245,245,245,.396);display:flex;align-items:center;gap:1.5rem}.window .nav .dots{display:flex;gap:.2rem}.window .nav .dots .dot{height:15px;width:15px;background-color:#fff;border-radius:50%}.window .nav .dots .red{background-color:#ce2b2b;cursor:pointer}.window .nav .dots .yellow{background-color:#d6d62e}.window .nav .dots .green{background-color:#259e25}.window .main-content{height:100%}.window *::-webkit-scrollbar{width:5px}.window *::-webkit-scrollbar-thumb{background-color:#4d4d4d;border-radius:4px}.cards{overflow:scroll;height:100%;padding:.75rem .75rem 2rem;display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem}.cards .card{max-width:20rem;min-width:10rem;padding-inline:1rem;padding-block:.75rem;background-color:#1d1d1d;border-radius:.5rem;color:#f5f0f0;display:flex;flex-direction:column;gap:.75rem}.cards .card img{width:100%;border-radius:.2rem}.cards .card h1{font-size:1.5rem;font-weight:500}.cards .card .description{opacity:.7;word-spacing:.3rem;line-height:1.2rem}.cards .card .tags{display:flex;flex-wrap:wrap;gap:.5rem}.cards .card .tags .tag{background-color:#596059;width:fit-content;padding-inline:1rem;padding-block:.5rem;border-radius:.5rem;white-space:nowrap}.cards .card .urls{display:flex;gap:1rem}.cards .card .urls a{color:#fff}.note-window{padding:.5rem .5rem 2rem;overflow:auto;height:100%;font-size:1rem}.note-window pre{background-color:transparent!important}.resume-window{height:100%;overflow:auto;padding-bottom:2rem}.resume-window embed{width:100%;height:100%}.spotify-window{width:100%;height:100%;padding-bottom:2rem}.spotify-window iframe{height:100%;width:100%}.cli-window{height:100%;overflow:auto;padding-bottom:3rem;background-color:#303030}.cli-window div[name=react-console-emulator]{height:100%;background-color:transparent!important}