/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-700:oklch(.505 .213 27.518);--spacing:.25rem;--font-weight-medium:500;--radius-2xl:1rem;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.flex{display:flex}.w-\[100px\]{width:100px}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.resize{resize:both}.items-center{align-items:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-x-1{column-gap:calc(var(--spacing)*1)}.rounded-2xl{border-radius:var(--radius-2xl)}.p-1{padding:calc(var(--spacing)*1)}.text-\[1\.5rem\]{font-size:1.5rem}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-red-700{color:var(--color-red-700)}.filter{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,)}}@property --tw-font-weight{syntax:"*";inherits:false}@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}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}*{margin:0;padding:0;box-sizing:border-box;font-family:Quicksand,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:linear-gradient(transparent,#6ac3f0);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#07d8eb}.header-container{position:fixed;top:0;width:100%;left:0;z-index:9999;background:linear-gradient(to right,#6ac3f059,#46b7f0);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}.header{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin-inline:auto;padding-inline:.8vw}.nav-super-container{flex-grow:1}.nav-container{display:flex;align-items:center}.nav{display:flex;justify-content:space-between;align-items:center;flex-grow:1}.logo{display:flex;justify-content:center;align-items:center;gap:1rem}nav{display:flex;gap:.8rem;margin-inline:auto}.header h1{font-size:1.7rem;font-weight:700;cursor:pointer;padding-block:1.1vw;font-family:Caveat,cursive}nav>a{font-size:1.3rem;font-weight:500;cursor:pointer;padding-block:1.1vw}.Resume>a{font-size:1.3rem;font-weight:600;cursor:pointer;padding-block:.6vw;padding-inline:.6vw;background-color:tomato;border-radius:.5vw}.hamburger,.close{display:none}.landing-container{margin-top:6.5vw;max-width:1440px;margin-inline:auto;display:flex;position:relative}.landing-content{width:65%;padding:2vw}.landing-content>span{font-size:3rem;font-family:Caveat,cursive}.landing-content>p{font-size:2rem}.landing-content>h1>span{font-size:4.5rem;font-family:Caveat,cursive;color:#6ac3f0}.button-talk{display:flex;border-radius:10px;align-items:center;margin-top:1vw}.button-talk>button{display:flex;gap:10px;padding:.8vw;background:linear-gradient(#6ac3f059,#46b7f0);border-radius:10px;align-items:center}.landing-gif{width:35%;padding:2vw}.landing-gif>img{width:100%}.contact{position:absolute;z-index:999;padding:1vw 0 1vw 1vw;right:0;top:15vw;display:flex;flex-direction:column;gap:10px;margin-right:15px}.contact>a>img{width:40px;height:40px}.contact>a:hover{cursor:pointer;transform:scale(1.1);transition:all .2ms ease-in-out}.project{max-width:1440px;margin-inline:auto;padding:4vw}.project>h2{font-size:5rem;font-family:Caveat,cursive}.p-1{display:flex;gap:5rem;margin-bottom:2.5rem;padding:.8rem;border:.5px solid rgb(156 163 175 / var(--tw-border-opacity, 1));border-radius:8px}.p-1:hover{transform:scale(1.05);transition:all .4s ease-in-out;box-shadow:4px 4px #000000df}.p-1-img{width:50%;background-color:#ffdb0073;padding-block:.2vw;padding-inline:1vw;border-radius:15px;overflow:hidden;padding-bottom:0;max-height:18rem}.p-1-img>img{position:relative;top:2.6vw;width:100%;transform:rotate(4deg)}.p-1-img>img:hover{transform:rotate(4deg) scale(1.06);transition:all .2s ease}.p-1-content{width:50%}.p-1-content h3:before{content:"->";margin-right:5px;color:#4169e1}.p-1-content h3{font-size:2rem;font-weight:700}.p-1-content>p{font-size:1.2rem;font-weight:500;padding:1rem}.p-1-content>span:before{content:"*";margin-right:2px;color:red}.p-1-content>span{font-size:1.3rem;font-weight:700}.p-1-content>a{padding:.6vw;font-size:1.2rem;font-weight:700;background:linear-gradient(#6ac3f059,#46b7f0);border-radius:14px}.p-1-content>a:after{content:"->";margin-left:4px}.git{position:relative}.git>a>img{width:50px;height:50px}.showGit{position:absolute;top:14%;left:85px;opacity:1;padding:.7rem;font-size:1rem;font-weight:500;background-color:#6ac3f0;border-radius:14px;transition:all .7ms ease-in-out;font-weight:600}.showGit:before{content:"<-";font-weight:900;margin-right:3px}.hideGit{opacity:0;top:40%;position:absolute}.toolkit{position:relative;display:flex;align-items:center;z-index:10;padding:3vw 3vw 1.5vw;padding-inline:0}.tech-name{position:relative;display:flex;align-items:center;flex-direction:column}.p-1-ts{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.tech-name>img{width:50px;height:50px;border:.5px solid rgb(156 163 175 / var(--tw-border-opacity, 1));padding:6px;border-radius:8px;cursor:pointer}.tech-n{background-color:#5a565660;padding:3px;border-radius:6px;position:absolute;opacity:0}.show-n{opacity:1;top:-35px;background-color:#5a565660;padding:4px;border-radius:6px;position:absolute;font-weight:700;text-align:center}.go-project{padding:1rem;display:flex;align-items:center;justify-content:center;border-radius:14px}.go-project>a{font-size:1.3rem;font-weight:700;padding:.7rem;background:linear-gradient(#6ac3f059,#46b7f0);border-radius:14px}.go-project-link:hover{transform:scale(1.1);transition:all .4s ease-in-out}.skill-tools-container{max-width:1440px;margin-inline:auto;padding:4vw}.skill-tools-container>h2{font-size:5rem;font-family:Caveat,cursive;margin-bottom:1rem}.skill-container{display:flex;gap:2vw}.skill-detail{width:60%}.skill-detail>h2{font-size:2.5rem;font-weight:700;margin-bottom:1vw;color:#6ac3f0}.skill-detail>p{font-size:1.3rem;font-weight:500;margin-bottom:1vw}.skill-button-container{padding:.6vw;display:flex;gap:10px;outline-color:#6ac3f0}.skill-button-box{display:inline-block}.skill-button{padding:.6vw;background:linear-gradient(#6ac3f059,#46b7f0);border-radius:14px;font-size:1.2rem;font-weight:600;margin-right:10px}.tool-button{padding:.6vw;background:linear-gradient(#6ac3f059,#46b7f0);border-radius:14px;font-size:1.2rem;font-weight:600}.skill-img{width:30%;padding:2vw;padding-block:0px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;align-items:center}.skill-img>div{width:70%;background-color:ivory;padding:.3vw}.skill-img>div>img{width:100%}.about-container{max-width:1440px;margin-inline:auto;padding:4vw}.about-container>h2{font-size:5rem;font-family:Caveat,cursive}.about-subContainer{display:flex;gap:20px}.profile-link{display:flex;gap:1rem;align-items:center;margin-top:1rem}.profile-link>a{font-weight:600}.profile-img{width:40%;display:flex;align-items:center;justify-content:center}.profile-img>img{width:60%;border-radius:117px}.profile-detail{width:60%}.profile-detail>h3{font-size:2.4rem;font-weight:600}.profile-detail>h3>span{font-size:4.7rem;border-radius:50%;color:#6ac3f0}.profile-detail>p{font-size:1.2rem;font-weight:500}.profile-resume{display:flex;align-items:center;background-color:tomato;padding:.7rem;border-radius:15px}.profile-experience{margin-top:1rem;padding:2vw}.profile-experience>h3{font-size:3rem;font-weight:600;margin-bottom:2rem}.exp{display:flex;gap:20px;flex-direction:row;align-items:center;margin-bottom:2rem;padding:1rem;border-radius:8px;border:.5px solid rgb(156 163 175 / var(--tw-border-opacity, 1))}.exp:hover{transform:scale(1.05);transition:all .4s ease-in-out;box-shadow:4px 4px #000000df}.exp>img{align-self:flex-start}.exp-details{padding:6vw;padding-block:0}.exp-2{margin-top:4rem}.exp-details>p{font-size:1.2rem;font-weight:500}.exp-details-company{margin-bottom:1rem;display:flex;justify-content:space-between}.exp-details-company>span{font-size:1.5rem;font-weight:600}.go-about{padding:1rem;display:flex;align-items:center;justify-content:center;border-radius:14px;margin-top:4rem}.go-about>a{font-size:1.3rem;font-weight:700;padding:.7rem;background:linear-gradient(#6ac3f059,#46b7f0);border-radius:14px}.go-about>a:hover{transform:scale(1.1);transition:all .4s ease-in-out}.AboutContact{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#6ac3f059,#46b7f0);padding:2.5rem;border-radius:20px}.AboutContact>span{font-size:1.5rem;font-weight:600}.AboutContact>button{background-color:tomato;padding:1.5rem;border-radius:16px;cursor:pointer}.AboutContact>button>span{font-weight:700}.email-copy{padding:1rem;display:flex;gap:1rem}.email-text{font-size:4rem;font-weight:800}.contact-links{display:flex;gap:3rem;padding:1rem 1rem 1.5rem}.footer{max-width:1440px;margin-inline:auto;padding:4vw;padding-block:1vw;justify-content:space-between;align-items:center}.footer>div{font-size:1rem;font-weight:600;padding:1vw}.available{display:flex;gap:4px;align-items:center}.available>span{display:inline-block;background-color:green;width:10px;height:10px;border-radius:50%}.view{display:flex;border:1.5px solid rgba(126,124,124,.505);min-width:4.7rem;align-items:center;justify-content:space-evenly;border-radius:8px}.view>img{width:16px;height:16px}@media (max-width: 1024px){.header-container{padding-block:.1vw;padding-inline:2.6vw;background:linear-gradient(to right,#6ac3f059,#46b7f0)}.header{position:relative}.nav-container{position:fixed;width:100vw;height:100vh;z-index:100;background-color:#fff;color:#000;top:0;left:0;align-items:unset;flex-grow:unset;padding:9vw}.nav{flex-direction:column;align-items:unset;justify-content:unset;gap:28px}nav{flex-direction:column;margin-inline:unset}nav>a{font-size:5vw}.Resume>a{font-size:4.5vw;padding:1.4vw;text-align:center;border-radius:10px}.hamburger,.close{display:block;font-size:8vw;font-weight:900}.close{font-size:xx-large}.on{display:block}.off{display:none}.landing-container{flex-direction:column;min-height:unset;margin-top:10vh;padding:4vw;padding-top:0}.landing-gif{padding-top:0;width:unset}.landing-content{width:unset;padding-bottom:0}.landing-content>span{font-size:9vw}.landing-content>h1>span{font-size:12vw}.landing-content>p{font-size:5.5vw}.button-talk{margin-top:8vw}.button-talk>button{padding:3vw}.contact{right:0;top:85vw}.contact>a>img{width:40px;height:40px}.project{overflow:hidden;margin-top:3rem;padding:1.5rem}.p-1{flex-direction:column;gap:1rem}.p-1-img{width:100%;max-height:unset}.p-1-img>img{top:5vw}.p-1-content{width:100%;margin-bottom:1.5rem}.p-1-content h3{font-size:2rem;margin-top:1rem}.p-1-content>p{font-size:1.4rem}.p-1-content>span{font-size:1.7rem}.p-1-content>a{margin-top:1rem;font-size:3vw;padding:2vw}.toolkit{margin-bottom:1rem}.skill-tools-container{margin-top:-1rem;padding:4vw}.skill-tools-container>h2{font-size:14vw;margin-bottom:1rem;margin-top:4rem}.skill-container{flex-direction:column}.skill-detail{width:100%}.skill-detail>h2{font-size:3vmax}.skill-detail>p{font-size:1.4rem}.skill-button-container{justify-content:center;margin-block:1rem}.skill-button,.tool-button{padding:1vw;font-size:2vmax}.skill-img{margin-inline:auto;width:60%;grid-template-columns:repeat(2,1fr);justify-items:center;align-items:center}.skill-img>div{width:45%}.about-container{margin-top:3rem;padding:4vw}.about-container>h2{font-size:14vw;margin-bottom:1rem}.about-subContainer{flex-direction:column}.profile-img,.profile-detail{width:unset}.profile-detail>h3{font-size:2rem}.profile-detail>h3>span{font-size:10vw}.profile-detail>p{font-size:1.4rem}.profile-link{align-items:center;justify-content:center}.profile-experience>h3{font-size:2rem}.exp{flex-direction:column}.exp-details-company>span{font-size:.9rem}.exp-details>p{font-size:1rem}.AboutContact{padding:1rem}.AboutContact>span{font-size:1rem;text-align:center}.AboutContact>a{font-size:.9rem;padding:1rem}.email-text{font-size:1.2rem}.contact-links{gap:.5rem;flex-direction:column}.linkss{gap:.5rem;padding:0;font-size:1rem}.footer{flex-direction:column-reverse}.footer>div{font-size:.8rem}}@media (max-width: 600px){.header-container{padding-block:2vw;padding-inline:2.6vw;background:linear-gradient(to right,#6ac3f059,#46b7f0)}.header{position:relative}.header h1{font-size:6vw}.nav-container{position:fixed;width:100vw;height:100vh;z-index:100;background-color:#fff;color:#000;top:0;left:0;align-items:unset;flex-grow:unset;padding:9vw}.nav{flex-direction:column;align-items:unset;justify-content:unset;gap:28px}nav{flex-direction:column;margin-inline:unset}nav>a{font-size:6vw}.Resume>a{font-size:6vw;padding:1.4vw;text-align:center;border-radius:10px}.hamburger,.close{display:block;font-size:8vw;font-weight:900}.close{font-size:xx-large}.on{display:block}.off{display:none}.landing-container{flex-direction:column;min-height:unset;margin-top:10vh;padding:4vw;padding-top:0}.landing-gif{padding-top:0;width:unset}.landing-content{width:unset;padding-bottom:0}.landing-content>span{font-size:9vw}.landing-content>h1>span{font-size:12vw}.landing-content>p{font-size:5.5vw}.button-talk{margin-top:8vw}.button-talk>button{padding:3vw}.contact{right:0;top:85vw}.contact>a>img{width:30px;height:30px}.project{margin-top:3rem;padding:1.5rem}.p-1{flex-direction:column;gap:1rem}.p-1-img{width:100%;max-height:unset}.p-1-img>img{top:5vw}.p-1-content{width:100%;margin-bottom:1.5rem}.p-1-content h3{font-size:6vw;margin-top:1rem}.p-1-content>p{font-size:4.2vw}.p-1-content>span{font-size:5vw}.p-1-content>a{margin-top:1rem;font-size:5vw;padding:3vw}.toolkit{margin-bottom:1rem}.tech-name>img{width:40px;height:40px}.project>h2{font-size:14vw;margin-bottom:1rem}.go-project>a{font-size:.7rem}.skill-tools-container{margin-top:-1rem;padding:4vw}.skill-tools-container>h2{font-size:14vw;margin-bottom:1rem}.skill-container{flex-direction:column}.skill-detail{width:100%}.skill-detail>h2{font-size:3vmax}.skill-detail>p{font-size:2vmax}.skill-button-container{justify-content:center;margin-block:1rem}.skill-button,.tool-button{padding:2vw;font-size:3vmax}.skill-img{margin-inline:auto;width:70%;grid-template-columns:repeat(2,1fr);justify-items:center;align-items:center}.skill-img>div{width:45%}.about-container{margin-top:3rem;padding:4vw}.about-container>h2{font-size:14vw;margin-bottom:1rem}.about-subContainer{flex-direction:column}.profile-img,.profile-detail{width:unset}.profile-detail>h3{font-size:2rem}.profile-detail>h3>span{font-size:10vw}.profile-detail>p{font-size:1rem}.profile-link{align-items:center;justify-content:center}.go-about>a{font-size:.7rem}.profile-experience>h3{font-size:2rem}.exp{flex-direction:column}.exp-details-company>span{font-size:.9rem}.exp-details>p{font-size:1rem}.AboutContact{padding:1rem}.AboutContact>span{font-size:.9rem;text-align:center}.AboutContact>a{font-size:.9rem;padding:1rem}.email-text{font-size:1.2rem}.contact-links{gap:.5rem;flex-direction:column}.linkss{gap:.5rem;padding:0;font-size:1rem}.footer{flex-direction:column-reverse}.footer>div{font-size:.8rem}}