.invisible{visibility:hidden}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-\[10px\]{margin-top:10px;margin-bottom:10px}.my-\[5px\]{margin-top:5px;margin-bottom:5px}.my-auto{margin-top:auto;margin-bottom:auto}.mb-\[10px\]{margin-bottom:10px}.mb-\[3px\]{margin-bottom:3px}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-\[10px\]{margin-top:10px}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-auto{height:auto}.max-h-fit{max-height:fit-content}.w-4{width:1rem}.w-\[85\%\]{width:85%}.max-w-\[85\%\]{max-width:85%}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-\[10px\]{gap:10px}.overflow-y-auto{overflow-y:auto}.border{border-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.pl-5{padding-left:1.25rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\[2\.5rem\]{font-size:2.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.text-\[\#622BA8\]{--tw-text-opacity:1;color:rgb(98 43 168/var(--tw-text-opacity))}.text-\[\#9966CC\]{--tw-text-opacity:1;color:rgb(153 102 204/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.no-underline{text-decoration-line:none}body{font-family:Kumbh Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;background-color:#faf9f6}.hobbies{gap:.25rem;width:max-content;white-space:nowrap;border-radius:10px;display:flex;padding:.5rem 1rem;border:1px solid #d3d3d3}.hobbies:hover{box-shadow:0 3px 8px rgba(185,147,223,.24);color:#622ba8;font-weight:700}.skills{border:1px solid #d3d3d3;padding:20px 50px;margin:10px;border-radius:10px;min-width:72px;text-align:center;flex:1}html::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.proj-lang{font-family:Space Mono,serif;font-style:normal;font-size:smaller;gap:.12rem;width:max-content;white-space:nowrap;border-radius:10px;display:flex;padding:.25rem .5rem;border:1px solid #d3d3d3}.web-link{position:relative;text-decoration:none;color:#622ba8;margin:0 2px}.web-link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-color:#000;transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}.web-link:hover:after{transform:scaleX(1)}.backToTopBtn{font-family:Space Mono,serif;position:fixed;bottom:20px;right:20px;background-color:#faf9f6;border:1px solid #d3d3d3;padding:10px;margin:10px;border-radius:10px;cursor:pointer;z-index:3}.backToTopBtn:hover{background-color:#b993df;border:1px solid #b993df;font-weight:bolder;color:#622ba8}.job-folder{gap:.25rem;border-radius:10px;padding:.5rem 1rem 1rem;border:1px solid #d3d3d3}.music{animation:fade-in 1.5s ease-in-out}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.links{display:inline-flex;justify-items:center;justify-content:center;border-radius:25%;border:1px solid #d3d3d3;padding:4px}.links:hover{background-color:#d3d3d38e}@media (min-width:640px){.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:768px){.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-\[75\%\]{width:75%}.md\:w-fit{width:fit-content}.md\:max-w-\[100\%\]{max-width:100%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:w-\[65\%\]{width:65%}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.xl\:w-\[55\%\]{width:55%}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}}@media (min-width:1536px){.\32xl\:w-\[45\%\]{width:45%}}