@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_4d318d{font-family:Geist,Geist Fallback;font-style:normal}.__variable_4d318d{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_ea5f4b{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_ea5f4b{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.relative{position:relative}.-right-\[30px\]{right:-30px}.-top-\[35px\]{top:-35px}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-56{height:14rem}.h-\[25px\]{height:25px}.h-\[38px\]{height:38px}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[1000px\]{max-width:1000px}.max-w-sm{max-width:24rem}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-6{gap:1.5rem}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bg-\[\#f4f4f4\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\[rgba\(249\2c 250\2c 251\2c 0\.6\)\]{background-color:rgba(249,250,251,.6)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-inherit{background-color:inherit}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#607df1\]{--tw-gradient-from:#607df1 var(--tw-gradient-from-position);--tw-gradient-to:rgba(96,125,241,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[\#e0321b\]{--tw-gradient-to:rgba(224,50,27,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#e0321b var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-black{--tw-gradient-to:#000 var(--tw-gradient-to-position)}.bg-clip-text{background-clip:text}.object-cover{object-fit:cover}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-\[\#824DFF\]{--tw-text-opacity:1;color:rgb(130 77 255/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif}.hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem}.hover\:-translate-y-2:hover,.hover\:-translate-y-\[3px\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-\[3px\]:hover{--tw-translate-y:-3px}.hover\:bg-\[rgb\(68\2c 120\2c 241\)\]:hover{--tw-bg-opacity:1;background-color:rgb(68 120 241/var(--tw-bg-opacity,1))}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:flex{display:flex}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}*{margin:0;padding:0;box-sizing:border-box;user-select:none;transition:all .1s ease}a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;outline:none;border:none;color:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0)}:root{--main-bg-color:linear-gradient(25deg,#9e77f9,#fff);--main-text-color:#000;--gradient-start:#607df1;--gradient-middle:#e0321b;--gradient-end:#000;--purple-text-color:#2b3ce2;--text-bg-color:#f4f4f4;--icon-bg-color:rgba(249,250,251,.6);--icon-1-hover-color:#4478f1;--icon-2-hover-color:#e844f1;--icon-3-hover-color:#b3ce00;--icon-4-hover-color:#c90d00;--icon-5-hover-color:#6f2c14;--project-item-bg-color:rgba(249,250,251,.6);--project-item-hover-color:hsla(180,3%,94%,.6);--project-item-left-title-color:#000;--project-item-left-text-color:#7e7e7e}body{background:var(--main-bg-color);background-position:50%;background-size:cover;justify-content:center;color:var(--main-text-color)}.main,body{display:flex}.main{width:100%;max-width:1000px;padding:25px;flex-direction:column}.welcome{font-family:sans-serif;font-size:55px;font-weight:800;margin:20px 0}.description{font-size:20px;margin-top:7px}.gradientText{font-family:sans-serif;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200%;background-position:0;animation:backgroundSizeAnimation 2s ease-in-out infinite;background-image:linear-gradient(45deg,var(--gradient-start),var(--gradient-middle) 30%,var(--gradient-end) 60%)}@keyframes backgroundSizeAnimation{0%{background-position:100%}25%{background-position:50%}50%{background-position:0}75%{background-position:50%}to{background-position:100%}}.purpleText{color:var(--purple-text-color);font-weight:800}.textBackground{font-weight:500;background:var(--text-bg-color);border-radius:5px;font-size:15px;padding:3px 5px}.iconContainer{width:100%;gap:10px;display:flex;margin-top:30px;flex-wrap:wrap}.iconItem{height:38px;padding:0 12px;position:relative;background:var(--icon-bg-color);border-radius:6px;display:flex;gap:5px;align-items:center;transition:all .6s ease}.iconItem:hover:after{display:flex;justify-content:center;align-items:center;content:attr(data-tip);position:absolute;height:25px;top:-35px;right:-30px;padding:10px;box-sizing:border-box;background-color:inherit;border-radius:4px;font-size:11px;color:#fff}.iconItem:hover:before{content:"";width:12px;height:12px;background-color:inherit;position:absolute;top:-19px;right:-12px;transform:rotate(55deg)}.iconItem:hover{transform:translateY(-3px);background:var(--icon-1-hover-color)}.iconItem:nth-child(2):hover{transform:translateY(-3px);background:var(--icon-2-hover-color)}.iconItem:nth-child(3):hover{transform:translateY(-3px);background:var(--icon-3-hover-color)}.iconItem:nth-child(4):hover{transform:translateY(-3px);background:var(--icon-4-hover-color)}.iconItem:nth-child(5):hover{transform:translateY(-3px);background:var(--icon-5-hover-color)}.tanChiShe{width:100%;margin-top:15px}.tanChiShe img{width:100%;height:100%;object-fit:cover}.title{display:flex;gap:10px;align-items:center;font-size:24px;font-weight:800;margin:20px 0;transition:all .4s ease}.title:hover{transform:translateY(-5px)}.projectList{display:flex;flex-wrap:wrap;gap:20px;padding:5px}.projectItem{opacity:0;transition-delay:.5s;transform:translateY(50px);display:flex;background-color:var(--project-item-bg-color);border-radius:8px;padding:18px;height:110px;width:calc(50% - 30px);transition:all .5s ease}.projectItem.fade-in-visible{opacity:1;transform:translateY(0)}.projectItem:hover{transform:translateY(-4px);background-color:var(--project-item-hover-color)}.projectItem:hover .projectItemLeft{width:100%}.projectItem:hover .projectItemRight{width:0}.projectItem:hover .projectItemRight img{transform:rotate(45deg)}.projectItem:hover h1{font-size:25px}.projectItemLeft p{font-size:15px;margin-top:8px;color:var(--project-item-left-text-color)}.projectItemLeft h1{font-weight:400;font-size:17px;transition:all .4s ease;color:var(--project-item-left-title-color)}.projectItemLeft{width:80%}.projectItemLeft,.projectItemRight{transition:all .4s ease;height:100%}.projectItemRight{overflow:hidden;display:flex;justify-content:center;align-items:center;width:20%}.projectItemRight img{transition:all .1s ease;height:44px;width:44px}.skill{padding:18px;width:100%}.skill img{width:100%;height:100%;object-fit:cover}.skill #skillWap{display:none}footer{padding:5px;color:var(--footer-text-color);font-size:13px;margin-top:20px}@media (max-width:600px){.projectItem{width:calc(100% - 20px)}.welcome{font-size:48px}.description{font-size:16px}.projectItemLeft p{font-size:14px}.projectItemLeft h1{font-size:15px}.projectItem:hover h1{font-size:20px}.projectList{display:flex;justify-content:center;align-items:center}.skill #skillWap{display:block}.skill #skillPc{display:none}}.tc{background:hsla(0,0%,39%,.6);backdrop-filter:blur(10px);position:fixed;display:none;width:100vw;height:100vh;transition:all .3s linear;background:hsla(0,0%,54%,.6);backdrop-filter:blur(8px);z-index:99999;flex-direction:column}.tc,.tc-main{align-items:center;justify-content:center}.tc-main{z-index:100000;width:80%;max-width:400px;min-height:300px;background-color:#fff;border-radius:15px;opacity:0;display:flex;overflow:hidden}.tc-img{width:100%;height:100%}.tc.active{display:flex}.tc-main.active{opacity:1}.tc-close{display:flex;justify-content:center;align-items:center;height:60px;width:60px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(100px);margin-top:30px;border-radius:50%}.onoffswitch{position:relative;width:38px;height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.onoffswitch-checkbox{display:none}.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;height:100%;border-radius:50px}.onoffswitch-inner{display:flex;justify-content:center;align-items:center;width:200%;height:100%;margin-left:-100%;transition:margin .2s ease-in 0s}.onoffswitch-inner:after,.onoffswitch-inner:before{display:flex;justify-content:center;align-items:center;float:left;width:50%;height:100%;padding:0;font-size:12px;color:#fff;font-family:Trebuchet,Arial,sans-serif;font-weight:700;box-sizing:border-box}.onoffswitch-inner:before{content:"";background-color:#e4e4e4;color:#fff;text-align:left}.onoffswitch-inner:after{content:"";background-color:#272727;color:#fafafa;text-align:right}.onoffswitch-switch{display:block;height:70%;aspect-ratio:1/1;background:#fff;position:absolute;top:12.5%;bottom:12.5%;right:5px;border-radius:20px;transition:all .2s ease-in 0s}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:50%}