*{margin:0%;padding:0%;box-sizing:border-box}html,body,#root{height:100%;width:100%}main{height:100%;width:100%;background-image:url(/assets/mac-os-Bb4Rys4b.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;overflow:hidden}body{background-color:#000}.dock{display:flex;gap:.75rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background-color:#3f3f3f65;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,#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,#8e219a)}.dock .icon:hover{transform:scale(1.25) translateY(-20%)}.dock .icon:hover+.icon,.dock .icon:has(+.icon:hover){transform:scale(1.1) translateY(-10%)}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}.window{background-color:#060606;border-radius:.75rem;overflow:hidden;height:100%;color:#a8a8a8;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;align-items:center;gap:1.5rem}.window .nav .dots{display:flex;gap:.25rem}.window .nav .dots .dot{height:15px;width:15px;background-color:#fff;border-radius:50%}.window .nav .dots .red{background-color:#eb3535;cursor:default}.window .nav .dots .yellow{background-color:#f7f751}.window .nav .dots .green{background-color:#1be400}.window .main-content{height:100%}.window *::-webkit-scrollbar{width:8px}.cards{overflow:scroll;height:100%;padding:1rem 1rem 10rem;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.cards .card{flex-grow:1;flex-basis:20rem;max-width:30rem;padding-inline:1rem;padding-block:.75rem;background-color:#1c1c1c;border-radius:.5rem;color:#f5f5f5;display:flex;flex-direction:column;gap:1rem}.cards .card img{width:100%;border-radius:1rem}.cards .card h1{font-size:1.5rem;font-weight:500}.cards .card .description{opacity:.7;word-spacing:.4rem;line-height:1.3}.cards .card .tags{display:flex;flex-wrap:wrap;gap:.75rem}.cards .card .tags .tag{background-color:#353735;width:fit-content;padding-inline:1.25rem;padding-block:.75rem;border-radius:.75rem;white-space:nowrap}.cards .card .urls{display:flex;gap:1rem}.cards .card .urls a{color:#fff}.note-window{padding:1rem 1rem 10rem;height:100%;overflow-y:auto;font-size:1.1rem}.note-window pre{background-color:transparent!important}.resume-window{height:100%;overflow:auto}.resume-window embed,.spotify-window{width:100%;height:100%}.spotify-window iframe{width:100%;height:100%;border:none}.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}