*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}main{width:100%;height:100%;background-image:url(https://images.unsplash.com/photo-1555580142-c49aa98ada01?q=80&w=1632&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-repeat:no-repeat;background-size:cover;background-position:center;font-size:.75rem;overflow:hidden;position:relative}body{background:#000}.dock{display:flex;position:absolute;bottom:1rem;right:50%;transform:translate(50%);background:#48484815;padding-inline:1rem;padding-block:.75rem;border-radius:.75rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);gap:.75rem}.dock .icon{padding:.65rem;border-radius:.25rem;display:flex;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.19,1,.22,1)}.dock .icon img{aspect-ratio:1/1;width:1.55rem}.dock .github,.dock .cli{background:#000}.dock .note{background:linear-gradient(to bottom,#ffc640,#ff8c00)}.dock .pdf{background:linear-gradient(to bottom,#ff5067,#f52642)}.dock .calender{background:linear-gradient(to bottom,#5073ff,#2648f5)}.dock .spotify{background:linear-gradient(to bottom,#31c127,#14ab09)}.dock .mail{background:linear-gradient(to bottom,#3680ff,#004cff)}.dock .link{background:linear-gradient(to bottom,#ab4bff,#80f)}.dock .icon:hover{transform:scale(1.2) translateY(-15%)}.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:#9f9f9f1c;-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;align-items:center}.cli-window{overflow:auto;height:100%;padding-bottom:2rem;background-color:#0f0f0f}.cli-window div[name=react-console-emulator]{height:100%;background-color:transparent!important}.window{border:1px solid rgba(128,128,128,.179);height:100%;background:#000;border-radius:.75rem;overflow:hidden;color:#bfbfbf;min-width:18rem;min-height:18rem;cursor:auto}.window .nav{color:#bfbfbf;font-weight:300;padding-inline:.75rem;padding-block:.5rem;display:flex;gap:2rem;border-bottom:1px solid rgba(255,255,255,.12);align-items:center}.window .nav .dots{display:flex;gap:.25rem}.window .nav .dots .dot{height:11px;width:11px;background:#fff;border-radius:50%;transition:all .2s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.window .nav .dots .red{background:#e73030}.window .nav .dots .red:hover{background:#7a0707}.window .nav .dots .yellow{background:#f3b21c}.window .nav .dots .yellow:hover{background:#906e1e}.window .nav .dots .green{background:#28c128}.window .nav .dots .green:hover{background:#116f11}.window .mainContent{padding:.5rem;height:100%}.window .mainContent>div{width:100%;height:100%}.window *::-webkit-scrollbar{width:2px}.window *::-webkit-scrollbar-thumb{background:#676767;border-radius:4px}.cards{height:100%;overflow-y:scroll;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding-block:2rem;padding-inline:.5rem;padding-bottom:10rem}.cards .card{border-radius:.5rem;background:#2e2e2e;padding-inline:.75rem;padding-block:.5rem;flex:1;min-width:15rem;max-width:18rem;height:28rem;display:flex;flex-direction:column;gap:.75rem}.cards .card img{border-radius:.5rem;width:100%}.cards .card h1{font-size:1.25rem;font-weight:500}.cards .card .description{font-size:.8rem;color:#f5f5f5ad}.cards .card .tags{display:flex;flex-wrap:wrap;gap:.5rem}.cards .card .tags .tag{background:#05f;padding-inline:.5rem;padding-block:.25rem;border-radius:.5rem}.cards .card .links{display:flex;justify-content:center;align-items:center;gap:20%}.cards .card .links .link{text-decoration:none;color:#d7d7d7;background:#d63434;padding-inline:2rem;padding-block:.5rem;border-radius:2rem;transition:all .3s cubic-bezier(.19,1,.22,1)}.cards .card .links .link:hover{transform:scale(1.1) translateY(-5%);border:1px solid rgba(255,255,255,.294);font-size:.8rem}.noteWindow{height:100%;overflow:scroll}.noteWindow pre{background:transparent!important}.pdfContainer{height:100%;border-radius:2rem;overflow:hidden;padding-bottom:2rem}.pdfContainer embed{width:100%;height:100%}