:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}/*! tailwindcss v4.0.12 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--color-gray-600:oklch(.446 .03 256.802);--color-stone-200:oklch(.923 .003 48.717);--color-stone-400:oklch(.709 .01 56.259);--color-stone-500:oklch(.553 .013 58.071);--color-stone-600:oklch(.444 .011 73.639);--color-stone-700:oklch(.374 .01 67.558);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-semibold:600;--font-weight-bold:700;--radius-xl:.75rem;--drop-shadow-md:0 3px 3px #0000001f;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer base,components;@layer utilities{.absolute{position:absolute}.top-\[-100\%\]{top:-100%}.left-0{left:calc(var(--spacing)*0)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-2{margin:calc(var(--spacing)*2)}.m-5{margin:calc(var(--spacing)*5)}.m-auto{margin:auto}.mx-10{margin-inline:calc(var(--spacing)*10)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.my-3{margin-block:calc(var(--spacing)*3)}.my-5{margin-block:calc(var(--spacing)*5)}.my-10{margin-block:calc(var(--spacing)*10)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-26{margin-top:calc(var(--spacing)*26)}.mt-30{margin-top:calc(var(--spacing)*30)}.mr-8{margin-right:calc(var(--spacing)*8)}.mr-10{margin-right:calc(var(--spacing)*10)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-20{margin-bottom:calc(var(--spacing)*20)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.aspect-video{aspect-ratio:var(--aspect-video)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.h-9\/10{height:90%}.h-50{height:calc(var(--spacing)*50)}.h-screen{height:100vh}.max-h-full{max-height:100%}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-9\/10{width:90%}.w-75{width:calc(var(--spacing)*75)}.w-80{width:calc(var(--spacing)*80)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[800px\]{max-width:800px}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-y-4{row-gap:calc(var(--spacing)*4)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-stone-200{border-color:var(--color-stone-200)}.bg-\[\#283044\]{background-color:#283044}.bg-white{background-color:var(--color-white)}.bg-\[url\(https\:\/\/images\.unsplash\.com\/photo-1724582980082-6753d3c54ede\?q\=80\&w\=2071\&auto\=format\&fit\=crop\&ixlib\=rb-4\.0\.3\&ixid\=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA\%3D\%3D\)\]{background-image:url(https://images.unsplash.com/photo-1724582980082-6753d3c54ede?q=80&w=2071&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)}.bg-cover{background-size:cover}.object-scale-down{object-fit:scale-down}.p-3{padding:calc(var(--spacing)*3)}.p-8{padding:calc(var(--spacing)*8)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-2{padding-block:calc(var(--spacing)*2)}.pt-16{padding-top:calc(var(--spacing)*16)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pl-6{padding-left:calc(var(--spacing)*6)}.text-center{text-align:center}.text-left{text-align:left}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-balance{text-wrap:balance}.text-wrap{text-wrap:wrap}.text-\[\#283044\]{color:#283044}.text-black{color:var(--color-black)}.text-gray-600{color:var(--color-gray-600)}.text-stone-500{color:var(--color-stone-500)}.text-stone-600{color:var(--color-stone-600)}.text-stone-700{color:var(--color-stone-700)}.text-white{color:var(--color-white)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media (hover:hover){.hover\:bg-\[\#87acec\]:hover{background-color:#87acec}.hover\:text-stone-400:hover{color:var(--color-stone-400)}.hover\:text-stone-500:hover{color:var(--color-stone-500)}.hover\:underline:hover{text-decoration-line:underline}}@media (width>=40rem){.sm\:px-12{padding-inline:calc(var(--spacing)*12)}}@media (width>=48rem){.md\:static{position:static}.md\:mx-30{margin-inline:calc(var(--spacing)*30)}.md\:mx-40{margin-inline:calc(var(--spacing)*40)}.md\:mr-0{margin-right:calc(var(--spacing)*0)}.md\:block{display:block}.md\:hidden{display:none}.md\:h-3\/4{height:75%}.md\:min-h-fit{min-height:fit-content}.md\:w-3\/4{width:75%}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:gap-\[4vw\]{gap:4vw}}@media (width>=64rem){.lg\:mx-60{margin-inline:calc(var(--spacing)*60)}.lg\:mx-75{margin-inline:calc(var(--spacing)*75)}}}#root{text-align:center;width:100%}.montserrat-use{font-optical-sizing:auto;font-family:Montserrat,serif;font-style:normal;font-weight:400}.heading{font-optical-sizing:auto;margin-top:0;padding-top:126px;font-family:Montserrat,serif;font-size:40px;font-style:normal;font-weight:500}.description{color:gray;font-optical-sizing:auto;font-family:Montserrat,serif;font-style:normal;font-weight:400}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}#about{width:100%;min-height:900px;background-color:#283044;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.about-image{border-radius:50px;width:300px;height:300px;margin-top:2%;margin-bottom:2%}.about-head{color:#fff}#contact{width:100%;min-height:900px;background-color:#283044;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.contact-image{border-radius:50px;width:300px;height:300px}.contact-head{color:#fff}.inner-contact-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.form-container{border-radius:5px;background-color:#d3d3d3;padding:20px;width:350px;height:370px}form{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}form label{color:gray}form input[type=text],form textarea{width:94%;padding:10px;border-radius:5px;border:none}form textarea{min-height:75px}.submit-btn{margin-top:20px;padding:12px 15%;color:#fff;background-color:#5f9ea0;border-radius:5px;border:none}.submit-btn:hover{cursor:pointer;background-color:#008b8b}#footer{padding:10px 0;color:gray}.hero-image{border-radius:50px;width:300px;height:300px}.nav-item a:hover,.name{color:#20b2aa}#projects{width:100%;min-height:900px;background-color:#fff}.project-card-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.project-card{border-style:solid;border-radius:20px;border-color:#f0f8ff;background-color:#f0f8ff;max-width:320px;max-height:320px;margin:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.project-card:hover{cursor:pointer;background-color:#20b2aa;color:#fff}.project-card p{margin:0}.project-card img{margin-top:0;width:400px;height:500px;object-fit:scale-down}#nav-bar{top:0;position:fixed;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-around;background:linear-gradient(to top,transparent 10%,#28304434 100%)}.nav-list{list-style-type:none;display:flex;flex-direction:row;flex-wrap:wrap}.nav-item{margin:30px}.nav-item a{color:gray}.nav-item a:hover{color:#20b2aa}.name{margin:30px;color:#20b2aa}#blog-footer{padding:10px 0;color:#fff}