.friend-ul{list-style:none;margin:0;padding:0}.friend-img{display:block;vertical-align:middle}.friend-img{max-width:100%;height:auto}:root{--font-color:#374151;}.fade{width:100%;align-self:flex-start;animation:fade .8s ease-out}@keyframes fade{0%{opacity:0}to{opacity:1}}.friend .avatar,.project a{color:var(--theme-color)}.friend li{will-change:transform;border:2px solid var(--font-color);border-radius:8px}.friend li img{transform:translateX(40%);opacity:.2}.friend li a{display: inline-block;white-space: nowrap; width: 90%; overflow: hidden;text-overflow:ellipsis;}.friend li:hover{--bst-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--bst-shadow-colored:0 20px 25px -5px var(--bst-shadow-color),0 8px 10px -6px var(--bst-shadow-color);box-shadow:var(--bst-ring-offset-shadow,0 0 #0000),var(--bst-ring-shadow,0 0 #0000),var(--bst-shadow);color:var(--theme-color);border-color:var(--theme-color)}.friend li:hover img{opacity:.5}.book li{list-style-type:none;will-change:transform;border:2px solid var(--font-color)}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-3{top:.75rem}.z-10{z-index:10}.z-20{z-index:20}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-4{margin-left:1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-16{height:4rem}.h-3\/5{height:60%}.h-5{height:1.25rem}.h-full{height:100%}.h-screen{height:100vh}.w-12{width:3rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-full{width:100%}.w-screen{width:100vw}.min-w-\[24rem\]{min-width:24rem}.max-w-full{max-width:100%}.max-w-screen-lg{max-width:1024px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-0{--bst-translate-y:-0px}.-translate-y-0,.-translate-y-0\.5{transform:translate(var(--bst-translate-x),var(--bst-translate-y)) rotate(var(--bst-rotate)) skewX(var(--bst-skew-x)) skewY(var(--bst-skew-y)) scaleX(var(--bst-scale-x)) scaleY(var(--bst-scale-y))}.-translate-y-0\.5{--bst-translate-y:-0.125rem}.translate-x-0{--bst-translate-x:0px}.translate-x-0,.translate-x-6{transform:translate(var(--bst-translate-x),var(--bst-translate-y)) rotate(var(--bst-rotate)) skewX(var(--bst-skew-x)) skewY(var(--bst-skew-y)) scaleX(var(--bst-scale-x)) scaleY(var(--bst-scale-y))}.translate-x-6{--bst-translate-x:1.5rem}.rotate-45{--bst-rotate:45deg}.rotate-45,.transform{transform:translate(var(--bst-translate-x),var(--bst-translate-y)) rotate(var(--bst-rotate)) skewX(var(--bst-skew-x)) skewY(var(--bst-skew-y)) scaleX(var(--bst-scale-x)) scaleY(var(--bst-scale-y))}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.space-y-4>:not([hidden])~:not([hidden]){--bst-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--bst-space-y-reverse)));margin-bottom:calc(1rem * var(--bst-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.p-3{padding:.75rem}.p-4{padding:1rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-12{padding-bottom:3rem}.pb-3{padding-bottom:.75rem}.pl-1{padding-left:.25rem}.pl-3{padding-left:.75rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-justify{text-align:justify}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.italic{font-style:italic}.leading-4{line-height:1rem}.leading-7{line-height:1.75rem}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-sm{--bst-shadow:0 1px 2px 0 #0000000d;--bst-shadow-colored:0 1px 2px 0 var(--bst-shadow-color);box-shadow:var(--bst-ring-offset-shadow,0 0 #0000),var(--bst-ring-shadow,0 0 #0000),var(--bst-shadow)}.filter{filter:var(--bst-blur) var(--bst-brightness) var(--bst-contrast) var(--bst-grayscale) var(--bst-hue-rotate) var(--bst-invert) var(--bst-saturate) var(--bst-sepia) var(--bst-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:-translate-y-1:hover{--bst-translate-y:-0.25rem;transform:translate(var(--bst-translate-x),var(--bst-translate-y)) rotate(var(--bst-rotate)) skewX(var(--bst-skew-x)) skewY(var(--bst-skew-y)) scaleX(var(--bst-scale-x)) scaleY(var(--bst-scale-y))}@media(min-width:640px){.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}}@media(min-width:1280px){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}