*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-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]){-webkit-text-decoration:underline dotted;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,samp,pre{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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--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: rgb(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: rgb(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: }.homeMain{width:50%;margin-left:25%;font-family:Inter,sans-serif}.homeIntroSection{display:flex;flex-direction:row;width:100%;height:400px}.homeIntroWords{display:flex;flex-direction:column;align-items:start;justify-content:center;height:100%;width:60%;padding:25px 10px}.homeIntroPic{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:40%}.homeIntroPic img{border:1px solid black;border-radius:25px;width:auto;height:auto;max-width:90%;max-height:90%}.homeIntroHeadline{margin-bottom:20px;font-size:2.5em}.homeIntroParagraph{margin-bottom:20px;text-align:justify;-moz-text-align-last:left;text-align-last:left;font-size:1.1em}.homeIntroIcons{display:flex;flex-direction:row}.homeIntroIcon{border:1px solid black;border-radius:12px;margin-right:20px;width:40px;height:40px}.homeIntroIconImage{border-radius:10px}#icon-li{background-color:#000}#icon-gh{background-color:#fff}.homeProjectSection{display:flex;flex-direction:column;width:100%}.homeProjectHeader{font-size:2.2em}.homeProjectBlock{display:flex;flex-direction:column;align-items:center;margin-top:10px;margin-bottom:20px;padding:20px;border-radius:10px}.projectHeader{width:100%;font-size:2em;padding-left:40px}.projectTechnology{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;padding-left:40px;margin-bottom:16px;font-size:1.2em}.projectDetail{width:100%;margin-bottom:10px;padding-left:40px;padding-right:40px;font-size:1.2em}.projectBubble{margin-right:10px;margin-bottom:10px;padding:5px 15px;border:1px solid black;border-radius:8px}.projectBullets{width:95%}.projectBullets span{margin-right:3px}.line{width:100%;padding-left:40px}.line div{width:35%;height:1px;margin-top:8px;margin-bottom:12px}.spacer{height:8px}@media only screen and (max-width: 2200px){.homeMain{width:60%;margin-left:20%}}@media only screen and (max-width: 1500px){.homeMain{width:70%;margin-left:15%}.homeIntroHeadline{font-size:2em}.homeIntroParagraph{font-size:1em}.homeProjectHeader{font-size:1.7em}.projectHeader{font-size:1.5em}.projectTechnology{font-size:1em}.projectDetail{font-size:1.1em}}@media only screen and (max-width: 1000px){.homeMain{width:80%;margin-left:10%}.homeIntroParagraph{font-size:.9em}.projectDetail{font-size:1em;text-align:justify;-moz-text-align-last:left;text-align-last:left}}@media only screen and (max-width: 700px){.homeMain{width:100%;margin-left:0%}.homeIntroSection{flex-direction:column-reverse;align-items:center;margin-top:25%}.homeIntroWords{width:90%;padding-top:0}.homeIntroIcons{width:100%;justify-content:center}.homeProjectHeader{display:flex;flex-direction:row;justify-content:center}.homeProjectHeader span{margin-left:10px}.homeProjectBlock{width:96%;margin-left:2%}.projectHeader{display:flex;flex-direction:row;justify-content:center;text-align:center;padding-left:10px;padding-right:10px}.line,.projectDetail{padding-left:10px;padding-right:10px}.projectTechnology{padding-left:10px;padding-right:10px;justify-content:center}.line div{width:100%}}@media only screen and (max-width: 571px){.homeIntroSection{margin-top:35%}}@media only screen and (max-width: 466px){.homeIntroSection{margin-top:33%}.homeIntroHeadline{font-size:1.7em}}@media only screen and (max-width: 451px){.homeIntroSection{margin-top:36%}}@media only screen and (max-width: 429px){.homeIntroSection{margin-top:37%}.homeIntroHeadline{font-size:1.6em}.homeIntroParagraph{font-size:.9em}.homeProjectHeader{font-size:1.5em}}@media only screen and (max-width: 397px){.homeIntroSection{margin-top:37%}}@media only screen and (max-width: 380px){.homeIntroSection{margin-top:45%}.homeIntroPic{margin-bottom:30px}}@media only screen and (max-width: 358px){.homeIntroSection{margin-top:45%}.homeIntroHeadline{font-size:1.5em}.homeIntroParagraph{font-size:.85em}}@media only screen and (max-width: 344px){.homeIntroSection{margin-top:45%}.homeIntroHeadline{font-size:1.4em}.homeIntroWords{padding-top:0}}@media only screen and (max-width: 329px){.homeIntroSection{margin-top:45%}}@media only screen and (max-width: 320px){.homeIntroSection{margin-top:45%}.homeIntroParagraph{font-size:.85em}}@media only screen and (max-width: 312px){.homeIntroSection{margin-top:45%}}@media only screen and (max-width: 297px){.homeIntroSection{margin-top:55%}.homeIntroPic{margin-bottom:45px}}@media only screen and (max-width: 281px){.homeIntroSection{margin-top:63%}.homeIntroPic{margin-bottom:75px}}@media only screen and (max-width: 254px){.homeIntroSection{margin-top:70%}.homeIntroPic{margin-bottom:60px}}.anthropic{background-color:#f0efea}.bootstrap{background-color:#7952b3}.css{background-color:#214ce5}.fastapi{background-color:#009485}.figma{background-color:#b008ff}.mongodb{background-color:#00684a}.mysql{background-color:#f29111}.php{background-color:#7a86b8}.react{background-color:#58c4dc}.storyboard{background-color:#002097}.swift{background-color:#f05138}.tailwindcss{background-color:#38bdf8}.uikit{background-color:#002097}.xcode{background-color:#176de3}.darkText{color:#000}.lightText{color:#fff}.navMainBackground{width:100%;position:sticky;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.navMain{width:50%;margin-left:25%;margin-bottom:10px;padding-top:10px;padding-bottom:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:1.5em}.navIcon{font-size:1.2em;margin-left:40px}.navList{display:flex;flex-direction:row;align-items:center;margin-right:15px}.navItem{margin-right:25px}.menuMain{margin-right:40px;width:30px;height:30px}.menuMain:hover{cursor:pointer}.menuColor{width:30px;height:5px;border-radius:2px}.menuDark{width:30px;height:5px}.menuDropDownContainer{display:flex;flex-direction:row;justify-content:end;margin-right:10%}.menuDropDown{position:absolute;z-index:9999;display:flex;flex-direction:column;justify-content:start;width:150px;height:140px;margin-right:40px;margin-top:-10px}.menuDropDownItem{display:flex;justify-content:end;cursor:pointer;width:100%;font-size:1.3em;font-family:Inter,sans-serif;padding-top:8px;padding-bottom:8px;padding-right:8px}.navTheme{display:flex;flex-direction:column;align-items:end}.themeDropDown:hover{cursor:pointer}.themeMenu{display:flex;flex-direction:column;align-items:end;height:214px;width:100px;z-index:2;margin-bottom:-214px}.themeMenuItem{display:flex;flex-direction:row;justify-content:end;align-items:center;padding-right:10px;height:44px;width:100%;font-size:.9em}.themeMenuItem:hover{cursor:pointer}.themeSpacer{height:16px;width:100%}.mobileNav{display:flex;flex-direction:row}.mobileThemeButton{width:30px;height:30px;margin-right:15px}@media only screen and (max-width: 2200px){.navMain{width:60%;margin-left:20%}}@media only screen and (max-width: 1500px){.navMain{width:70%;margin-left:15%}}@media only screen and (max-width: 1000px){.navMain{width:80%;margin-left:10%}}@media only screen and (max-width: 700px){.navMain{width:100%;margin-left:0%}.menuDropDownContainer{margin-right:0%;margin-top:0;margin-bottom:0}.menuDropDown{margin-top:-10px}}@media only screen and (max-width: 330px){.mobileThemeButton{margin-right:10px}}.navMainBackground.light{background:linear-gradient(to right,#fff,#fff)}.navMainBackground.dark{background:linear-gradient(to right,#121212,#121212)}.navMainBackground.forest{background:linear-gradient(to right,#d8f3c9,#d8f3c9)}.navMainBackground.synth{background:linear-gradient(to right,#002bb2,#8e2eb3)}.navMainBackground.matrix{background:linear-gradient(to right,#001400,#002900)}.navMain.light{color:#000;border-bottom:1px solid #425862}.navMain.dark{color:#bb86fc;border-bottom:1px solid #6200EE}.navMain.forest{color:#000;border-bottom:1px solid #bd8c61}.navMain.synth{color:#fff;border-bottom:1px solid #ff99d8}.navMain.matrix{color:#0f0;border-bottom:1px solid #ebffeb}.menuColor.light{background-color:#000}.menuColor.dark{background-color:#bb86fc}.menuColor.forest{background-color:#000}.menuColor.synth{background-color:#fff}.menuColor.matrix{background-color:#0f0}.menuDropDownItem.light{background-color:#425962;color:#fff;border-bottom:1px solid #88b2cc}.menuDropDownItem.dark{background-color:#6200ee;color:#fff;border-bottom:1px solid #BB86FC}.menuDropDownItem.forest{background-color:#bd8c61;color:#000;border-bottom:1px solid #000000}.menuDropDownItem.synth{background-color:#ff99d8;color:#000;border-bottom:1px solid #441243}.menuDropDownItem.matrix{background-color:#ebffeb;color:#000;border-bottom:1px solid black}.menuDropDownItem.light:hover{background-color:#c83432;color:#000}.menuDropDownItem.dark:hover{background-color:#bb86fc;color:#000;border-bottom:1px solid #2D2D2D}.menuDropDownItem.forest:hover{background-color:#68148f;color:#fff}.menuDropDownItem.synth:hover{background-color:#fff342;color:#000}.menuDropDownItem.matrix:hover{background-color:#002900;color:#0f0}.themeMenuItem.light{background-color:#425962;color:#fff;border-bottom:1px solid #88b2cc}.themeMenuItem.dark{background-color:#6200ee;color:#fff;border-bottom:1px solid #BB86FC}.themeMenuItem.forest{background-color:#bd8c61;color:#000;border-bottom:1px solid #000000}.themeMenuItem.synth{background-color:#ff99d8;color:#000;border-bottom:1px solid #441243}.themeMenuItem.matrix{background-color:#ebffeb;color:#000;border-bottom:1px solid black}.themeMenuItem.light:hover{background-color:#c83432;color:#000}.themeMenuItem.dark:hover{background-color:#bb86fc;color:#000;border-bottom:1px solid #2D2D2D}.themeMenuItem.forest:hover{background-color:#68148f;color:#fff}.themeMenuItem.synth:hover{background-color:#fff342;color:#000}.themeMenuItem.matrix:hover{background-color:#002900;color:#0f0}html,body{overflow:hidden}.content{height:100vh;overflow-y:auto}.footer{height:40px;width:100%}.content.light{background:linear-gradient(to right,#fff,#fff)}.content.dark{background:linear-gradient(to right,#121212,#121212)}.content.forest{background:linear-gradient(to right,#d8f3c9,#d8f3c9)}.content.synth{background:linear-gradient(to right,#002bb2,#8e2eb3)}.content.matrix{background:linear-gradient(to right,#001400,#002900)}.homeIntroHeadline.light{color:#000}.homeIntroHeadline.dark{color:#fff}.homeIntroHeadline.forest{color:#000}.homeIntroHeadline.synth{color:#fff}.homeIntroHeadline.matrix{color:#0f0}.homeIntroHeadline.light span{color:#c83432}.homeIntroHeadline.dark span{color:#bb86fc}.homeIntroHeadline.forest span{color:#68148f}.homeIntroHeadline.synth span{color:#fff342}.homeIntroHeadline.matrix span{color:#ebffeb}.homeIntroParagraph.light{color:#000}.homeIntroParagraph.dark{color:#fff}.homeIntroParagraph.forest{color:#000}.homeIntroParagraph.synth{color:#fff}.homeIntroParagraph.matrix{color:#0f0}.homeProjectHeader.light{color:#000}.homeProjectHeader.dark{color:#fff}.homeProjectHeader.forest{color:#000}.homeProjectHeader.synth{color:#fff}.homeProjectHeader.matrix{color:#0f0}.homeProjectBlock.light{color:#000;background-color:#88b2cc}.homeProjectBlock.dark{color:#fff;background-color:#2d2d2d}.homeProjectBlock.forest{color:#000;background-color:#8db99a}.homeProjectBlock.synth{color:#fff;background-color:#441243}.homeProjectBlock.matrix{color:#0f0;background-color:#000}.projectBullets.light{color:#000}.projectBullets.dark{color:#fff}.projectBullets.forest{color:#000}.projectBullets.synth{color:#fff}.projectBullets.matrix{color:#0f0}.projectBullets.light span{color:#c83432}.projectBullets.dark span{color:#bb86fc}.projectBullets.forest span{color:#68148f}.projectBullets.synth span{color:#ff99d8}.projectBullets.matrix span{color:#ebffeb}.line.light div{border-bottom:2px solid #425862}.line.dark div{border-bottom:2px solid #6200EE}.line.forest div{border-bottom:2px solid #bd8c61}.line.synth div{border-bottom:2px solid #ff99d8}.line.matrix div{border-bottom:2px solid #ebffeb}.highlight.light{color:#c83432}.highlight.dark{color:#bb86fc}.highlight.forest{color:#68148f}.highlight.synth{color:#fff342}.highlight.matrix{color:#ebffeb}