*{margin:0%;padding:0%;box-sizing:border-box}body,html,#root{height:100%;width:100%}main{height:100%;width:100%;background-image:url(/bg-image2.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;overflow:hidden}body{height:100%;width:100%}.dock{display:flex;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);padding-inline:.8rem;padding-block:.55rem;background-color:#97969621;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:.5rem;gap:.75rem}.dock .icon{display:flex;align-items:center;justify-content:center;padding:.5rem;aspect-ratio:1/1;width:3.7rem;border-radius:.5rem;transition:all .4s cubic-bezier(.19,1,.22,1)}.dock .git,.dock .cli{background-color:#111}.dock .calender{background:linear-gradient(to bottom,#704ff6bb,#4316f6d4)}.dock .pdf{background:linear-gradient(to bottom,#fb657cbb,#fb1047)}.dock .note{background:linear-gradient(to bottom,#fdf46ebb,#f7d512)}.dock .spotify{background:linear-gradient(to bottom,#5bd754,#18d50e)}.dock .mail{background:linear-gradient(to bottom,#6083ed,#4169e1)}.dock .link{background:linear-gradient(to bottom,#c643c6,#c920c9)}.dock .icon:hover{transform:scale(1.2) translateY(-23%)}.dock .icon:hover+.icon,.dock .icon:has(+.icon:hover){transform:scale(1.1) translateY(-10%)}.wrap{height:100%;width:100%;border-radius:1rem;overflow:hidden;background-color:#000;position:absolute;cursor:pointer}.wrap *::-webkit-scrollbar{width:4px;height:8px}.wrap *::-webkit-scrollbar-thumb{background-color:#808080b3;border-radius:1rem}.wrap .nav{width:100%;display:flex;justify-content:start;gap:.8rem;align-items:center;border-bottom:1px solid rgba(245,222,179,.216);padding-inline:.7rem;padding-block:.5rem}.wrap .nav .dots{display:flex;gap:.7rem}.wrap .nav .dots .dot{height:14px;width:14px;border-radius:50%;background-color:#fff}.wrap .nav .dots .red{background-color:#f42a2a}.wrap .nav .dots .yellow{background-color:#f1f134}.wrap .nav .dots .green{background-color:#39e439}.wrap .nav .meta-data{color:#c6c2c2;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:550}.wrap .nav .meta-data p{text-transform:capitalize}.wrap .content{height:100%;color:#e4e3e3}.spotify-app{height:100%;width:100%;overflow:auto}.spotify-app iframe{height:100%;width:100%;border:none}.nav{display:flex;justify-content:space-between;width:100%;color:#f7f4f4;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#5e5e5e3a;padding-inline:.6rem;padding-block:.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav .left,.nav .right{display:flex;align-items:center;gap:.75rem}.cards{height:100%;overflow:scroll;padding:1rem 1rem 5rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cards .card{flex-grow:1;flex-basis:15rem;max-width:30rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding-inline:1rem;padding-block:.8rem;background-color:#222;width:30rem;color:#fff;display:flex;flex-direction:column;gap:1rem}.cards img{border-radius:1rem;width:100%}.cards h1{font-size:1.55rem;font-weight:550}.cards .description{opacity:.7;font-size:.9rem;word-spacing:.3rem;line-height:1.4}.cards .tags{display:flex;flex-wrap:wrap;gap:1rem}.cards .tags .tag{border-radius:.3rem;background-color:#575151;width:fit-content;padding-inline:.7rem;padding-block:.5rem}.cards .tags .tag:hover{background-color:#191717}.cards .urls{display:flex;justify-content:space-around}.cards .urls a{text-decoration:none;color:#6eb8f9;font-size:1.2rem}.notes-app{color:#c4c3c0!important;height:100%;overflow-y:scroll;padding:1rem 1rem 5rem}.notes-app pre{background-color:transparent!important}.resume-app{height:100%;width:100%;overflow:auto}.resume-app iframe{height:100%;width:100%}.cli-app{height:100%;width:100%;border:none}.cli-app div[name=react-console-emulator]{height:100%}