*,: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: }*,: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]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.relative{position:relative}.inline-block{display:inline-block}.table{display:table}.grid{display:grid}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);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)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@font-face{font-family:anzio;src:url(/assets/file-qSkmV5U_.woff2) format("woff2")}.about{z-index:4;position:relative}@font-face{font-family:hungary;src:url(/fonts/hungary.otf) format("opentype")}@font-face{font-family:acherus;src:url(/fonts/acherus-regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:acherus;src:url(/fonts/acherus-regularitalic.otf) format("opentype");font-weight:400;font-style:italic}@font-face{font-family:neuropool;src:url(/assets/neuropol.regular-CvRH-FjP.otf) format("opentype");font-weight:400;font-style:normal}a{color:inherit}:root{--button-size: 50px;--light-mode-color: #242424;--dark-mode-color: #f0f0f0;--light-mode-bg: #f0f0f0;--dark-mode-bg: #242424;--transition-duration: .3s}.toggle-button{width:var(--button-size);height:var(--button-size);border:1px solid var(--text-color);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-duration),color var(--transition-duration);position:fixed;top:calc(50vh - (var(--button-size) / 2));left:20px;z-index:999}.toggle-button.light{background-color:var(--light-mode-bg);color:var(--light-mode-color)}.toggle-button.dark{background-color:var(--dark-mode-bg);color:var(--dark-mode-color)}.toggle-button:hover{transform:scale(1.1)}.dark-mode{--background-color: #121212;--text-color: #E0E0E0}:root{--primary-color-light: #008080;--accent-color-light: #FF9AA2;--background-color-light: #F1F3F4;--background-secondary-color-light: #E5E5E5;--text-color-light: #242424;--button-bg-color-light: #282929;--button-text-color-light: #FFFFFF;--link-color-light: #008080;--link-hover-color-light: #FF9AA2;--primary-heading-color-light: #242424;--secondary-heading-color-light: #B0B0B0;--border-divider-color-light: #333333;--highlight-color-light: #FF9AA2;--primary-color-dark: #008080;--accent-color-dark: #FF9AA2;--background-color-dark: #121212;--background-secondary-color-dark: #242424;--text-color-dark: #E0E0E0;--button-bg-color-dark: #333333;--button-text-color-dark: #FFFFFF;--link-color-dark: #008080;--link-hover-color-dark: #FF9AA2;--primary-heading-color-dark: #E0E0E0;--secondary-heading-color-dark: #B0B0B0;--border-divider-color-dark: #444444;--highlight-color-dark: #FF9AA2;--primary-color: var(--primary-color-light);--accent-color: var(--accent-color-light);--background-color: var(--background-color-light);--background-color-inverse: var(--background-color-dark);--background-secondary-color: var(--background-secondary-color-light);--text-color: var(--text-color-light);--text-color-inverse: var(--text-color-light);--button-bg-color: var(--button-bg-color-light);--button-text-color: var(--button-text-color-light);--link-color: var(--link-color-light);--link-hover-color: var(--link-hover-color-light);--primary-heading-color: var(--primary-heading-color-light);--secondary-heading-color: var(--secondary-heading-color-light);--primary-heading-color-inverse: var(--primary-heading-color-dark);--secondary-heading-color-inverse: var(--secondary-heading-color-dark);--border-divider-color: var(--border-divider-color-light);--highlight-color: var(--highlight-color-light)}.dark-mode{--primary-color: var(--primary-color-dark);--accent-color: var(--accent-color-dark);--background-color: var(--background-color-dark);--background-color-inverse: var(--background-color-light);--background-secondary-color: var(--background-secondary-color-dark);--text-color: var(--text-color-dark);--text-color-inverse: var(--text-color-light);--button-bg-color: var(--button-bg-color-dark);--button-text-color: var(--button-text-color-dark);--link-color: var(--link-color-dark);--link-hover-color: var(--link-hover-color-dark);--primary-heading-color: var(--primary-heading-color-dark);--secondary-heading-color: var(--secondary-heading-color-dark);--primary-heading-color-inverse: var(--primary-heading-color-light);--secondary-heading-color-inverse: var(--secondary-heading-color-light);--border-divider-color: var(--border-divider-color-dark);--highlight-color: var(--highlight-color-dark)}@keyframes gradient{0%{background-position:100% 100%}50%{background-position:0% 100%}to{background-position:100% 100%}}@media screen and (min-width: 768px){body{background-color:var(--background-color);color:var(--text-color);width:100%;font-family:acherus;overflow-x:hidden}h1,h2,h3{color:var(--primary-heading-color)}h4,h5,h6{color:var(--secondary-heading-color)}a{color:inherit;text-decoration:none}a:hover{color:var(--link-hover-color)}button{background-color:var(--button-bg-color);color:var(--button-text-color);border:1px solid var(--border-divider-color);padding:10px 20px;cursor:pointer;transition:background-color .3s,color .3s}.highlight{background-color:var(--highlight-color)}.svg-path-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:flex;justify-content:center;align-items:center;pointer-events:none}.svg-path-container svg{width:90%;filter:drop-shadow(0px 0px 10px #88CE3B);margin-left:1%;pointer-events:none}.sub-skill-icon svg *{fill:var(--text-color)}span.svg-icon svg *{fill:var(--text-color)}span.svg-icon svg{height:10rem;width:10rem;margin:-2.5rem -2.5rem -2rem;-o-object-fit:contain;object-fit:contain}.logo{width:500px;height:500px;background-color:transparent;color:var(--background-color);display:flex;align-items:center;justify-content:center;border-radius:20px;font-size:4rem}.homepage-wrapper{background:transparent;animation:gradient 25s ease infinite;background-size:200% 200%}.homepage{padding:0}.top_fixer{position:fixed;top:0;left:0;width:100vw;height:0px;background:var(--background-color);pointer-events:none;z-index:3}.bottom_fixer{position:fixed;left:0;bottom:0;height:0px;background:var(--background-color);width:100vw;z-index:999;pointer-events:none}.center-fixer-wrapper{position:fixed;top:0;left:0;height:100vh;width:100%;pointer-events:none;padding:0}.center-fixer{height:100%;width:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;border-radius:40px;background-color:var(--background-secondary-color);box-shadow:2px 0 20px 2px #3c3c3c inset}.top-center-fixer,.bottom-center-fixer{display:flex;flex-direction:row;justify-content:space-between}.top-left-fixer{height:40px;width:40px;background:radial-gradient(circle at 40px 40px,rgba(0,0,0,0) 0,rgba(0,0,0,0) 40px,var(--background-color) 0px)}.top-right-fixer{height:40px;width:40px;background:radial-gradient(circle at 0px 40px,rgba(0,0,0,0) 0,rgba(0,0,0,0) 40px,var(--background-color) 0px)}.bottom-left-fixer{height:40px;width:40px;background:radial-gradient(circle at 40px 0px,rgba(0,0,0,0) 0,rgba(0,0,0,0) 40px,var(--background-color) 0px)}.bottom-right-fixer{height:40px;width:40px;background:radial-gradient(circle at 0px 0px,rgba(0,0,0,0) 0,rgba(0,0,0,0) 40px,var(--background-color) 0px)}.banner_wrapper{position:relative;height:100vh;width:100%;z-index:99}.banner{position:relative;perspective:1000px;height:100vh;border-radius:20px;background-size:200% 200%;display:flex}.logo_wrapper{width:50%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.banner_heading{width:50%;position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.banner_heading h1{font-size:10rem;line-height:9rem;font-family:hungary}span.first_name{margin-left:-1rem}.moving-screen-wrapper{position:relative;perspective:1000px;display:flex;flex-direction:column;padding:50px;z-index:4}.moving-screen{background-color:#0000000d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(4px);border-radius:20px;width:calc(65vw - 200px);border:1px solid #bbbbbb}.skills-section-wrapper{position:relative;width:100%;padding-bottom:0;padding-top:0}.skills-frame{position:relative;perspective:100px;height:100%}.skills-section{opacity:1;color:var(--text-color);height:100%;border-radius:20px 20px 0 0;transform-origin:left bottom;padding:50px}.section-title{text-align:center;font-size:5rem;margin-bottom:20px;font-family:hungary}.skill-wrapper{height:15vw;width:20vw;background-color:#ffffff80;border-radius:10px}.skill{display:flex;flex-direction:column;height:100%;width:100%;background-color:#fff;border-radius:10px;color:var(--text-color);align-items:center;justify-content:center;font-size:2.5rem;transition:transform .25s ease;text-align:center}.skills-list{height:100%;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;align-content:center}.skill:hover{transform:translate(20px,-20px)}#frontend{background-image:linear-gradient(315deg,#003d3d,#00bfff)}#backend{background-image:linear-gradient(315deg,#c62828,#ff9aa2)}#design{background-image:linear-gradient(315deg,#ff1493,teal)}#other{background-image:linear-gradient(315deg,#2f4f4f,#708090)}.skill-details{position:absolute;top:22.5vh;left:50vw;width:35vw;height:70vh;background-color:transparent;border:1px solid var(--text-color);background-color:var(--background-secondary-color);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px;color:var(--text-color)}.skill-title{color:var(--text-color);font-family:hungary;font-size:2.5rem}.sub-skill-card{font-size:.75rem;background-color:transparent;padding:10px;margin:5px;border-radius:25px;cursor:pointer;display:flex;gap:10px;flex-direction:row;align-items:center;justify-content:center;color:var(--text-color);border:1px solid var(--text-color)}.sub-skill-card:hover{border:1px solid black}.sub-skill-icon svg{height:2rem;width:2rem}.sub-skills{display:flex;flex-wrap:wrap;justify-content:center}.subskill-description{display:flex;justify-content:center;align-items:flex-start;padding:10px;gap:10px}.subskill-description .section{padding:20px;flex-direction:column;align-items:center;background-color:var(--background-color);border-radius:20px;width:50%;height:100%;display:flex;justify-content:flex-start}.subskill-description .section p{text-align:center;font-size:1.25rem}h3.subskill-title{font-size:5rem;text-align:center;font-family:hungary;line-height:5rem;display:flex;flex-direction:row;justify-content:center}.subskill-description .section h4{font-size:1.5rem;color:var(--text-color);font-weight:500}.education-section-wrapper{position:relative;width:100%;padding-bottom:0;padding-top:0}.education-frame{position:relative;perspective:100px;height:100%}.education-section{opacity:1;color:var(--text-color);height:100%;border-radius:0;transform-origin:bottom}.education-wrapper{display:flex;gap:20px}.educational-title{font-size:2.5rem;text-align:center}.qualifications{width:50%;display:flex;flex-direction:column;gap:50px}.qualification{width:85%;padding:20px;border:1px solid var(--text-color);border-radius:20px}.qualifications-list{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:20px}.certificates{width:50%;display:flex;flex-direction:column;gap:50px}.certificate{width:65%;padding:20px;border:1px solid var(--text-color);border-radius:20px}.certificates-list{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px}.qualifications-description{position:absolute;left:-12.5vw;top:50%;width:20vw;display:flex}.certificates-description-inner-wrapper{position:relative;height:100%}.certificates-description-content{position:sticky;top:35%;border-radius:20px;align-items:center;justify-content:center;overflow:hidden}.certificates-list .certificate{height:40vh}.certificates-description{height:calc(100% - 90px - 4rem);width:30vw;position:absolute;right:-22vw;top:calc(90px + 4rem);border-radius:20px;display:flex;align-items:center;justify-content:center}.certificate-title{font-family:hungary;font-size:2rem}.qualification-title{font-size:2rem;font-family:hungary}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px;border-radius:10px;text-align:center;max-width:500px;position:relative}.modal-content img{width:100%;border-radius:10px}.close{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer}.experience-work{display:flex;flex-direction:row;justify-content:flex-start;gap:50px;flex-wrap:nowrap;align-items:flex-start}.ex img{height:5rem}.experience-title{width:55%}.experience-work h3{margin-bottom:.5rem;font-size:2.25rem;color:var(--text-color)}.experience-work .company{font-weight:600;color:var(--primary-heading-color);margin-bottom:.5rem;font-size:1.25rem}.experience-work .description{color:var(--text-color);width:45%}.project-title{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px;margin-bottom:10px}.projects-work .project-list{list-style:none;padding:0;margin:0}.projects-work .project-list li{margin-bottom:.5rem;padding:.75rem;border-radius:8px;transition:background .3s}.projects-work .project-list li:hover{background:var(--background-color)}p.company.logos{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.graphic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin-top:1rem}.graphic-grid img{width:100%;height:auto;border-radius:8px;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.graphic-grid img:hover{transform:scale(1.05)}.more-logos{display:flex;align-items:center;justify-content:center;background:var(--background-color);border:2px dashed #ccc;font-weight:700;color:var(--text-color);border-radius:8px;height:100px}.sketch-work p,.github-work p{font-size:1.1rem;color:var(--text-color)}.github-work a{color:#3498db;text-decoration:none;font-weight:700}.github-work a:hover{text-decoration:underline}.work-content{width:100%}.work-content-wrapper{position:sticky;top:5vh;left:0;bottom:50vh}.work-content-inner-wrapper{position:absolute;height:80vh;width:50vw;left:-20vw;border:1px solid var(--text-color);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--background-secondary-color);box-shadow:0 4px 15px #0000001a}.work-section-wrapper{position:relative;width:100%;padding-top:40px;padding-bottom:40px}.work-frame{position:relative;perspective:100px;height:100%}.work-section{opacity:1;color:var(--text-color);height:100%;border-radius:0;transform-origin:bottom}.work-row{display:flex;height:120vh;flex-direction:row;justify-content:flex-end}#graphic-work{border-left:0px}#web-work{border-right:0px}#sketch-work{border-left:0px}#github-work{border-right:0px}.work-card{font-size:2rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-family:hungary;width:22vw}.circle{position:absolute;width:800px;height:800px;border-radius:50%;background-color:#0000004d;pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s ease;z-index:0}.work-text{z-index:1}.work-card:hover .circle{opacity:1;transition:opacity .5s ease}.work-card .inner-box{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:0;background:#ffffff40}.circle{opacity:0;transition:opacity 0s}#experience-work{padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center}#experience-work .circle{background:radial-gradient(#3eb8a2,transparent,transparent)}.work-description{font-size:1rem;margin-top:10px;max-width:80%;color:var(--text-color)}div#experience-work *{text-align:left}.swiper-wrapper{height:80vh!important}.swiper{width:100%;height:100%;margin-left:auto;margin-right:auto}.swiper-slide{text-align:center;font-size:18px;background:#fff;height:calc((100% - 30px)/2)!important;display:flex;justify-content:center;align-items:center}.contact-section-wrapper{position:relative;width:100%;padding-bottom:0;padding-top:0}.contact-frame{position:relative;perspective:100px;height:100%}.contact-section{opacity:1;height:100%;border-radius:0 0 20px 20px;transform-origin:bottom}input{background:transparent;color:var(--text-color);font-size:3rem;border:1px solid var(--text-color);border-radius:20px;padding:20px;width:80%}textarea{font-size:3rem;padding:20px;background:transparent;border:1px solid;border-radius:20px;width:80%}form.contact-form{display:flex;flex-direction:column;gap:20px;align-items:center}}@media screen and (max-width : 768px){body{background:var(--background-secondary-color);color:var(--text-color)}.section-title{font-size:2rem;font-family:hungary;text-align:center}button.toggle-button{left:10px;top:10px;height:35px;width:35px}.banner{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center}.logo_img img{width:50vw;height:50vw}.logo_wrapper{width:100%;display:flex;align-items:center;justify-content:center}.banner_heading{text-align:center;font-size:2rem;color:var(--text-color);font-family:hungary;padding:0 20px}.skills-list{display:flex;flex-direction:column;padding:10px}.skill-wrapper{padding:10px}div.skill{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.skill-title{width:40%}.sub-skills{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;width:60%}.sub-skill-card{display:flex;align-items:center;justify-content:flex-start;padding:5px;border-radius:5px;gap:5px;border:1px solid var(--text-color)}.skill-details{padding:10px;display:none}.qualifications-list{padding:10px;display:flex;flex-direction:column;gap:10px}div.qualification{padding:10px;border-radius:20px}.certificates-list{width:50%;display:flex;flex-direction:column;gap:10px}.certificates{padding:10px;margin:7.5vh 0px}.certificates-description{width:50%;position:sticky;top:50%;left:0;height:30vh;margin-top:-30vh}.certificates-description-inner-wrapper{position:absolute;left:50vw;width:calc(50vw - 20px);top:75%}.certificate{height:30vh;display:flex;flex-direction:column;align-items:flex-start;padding:5px;justify-content:center;border:1px solid var(--text-color);border-radius:10px}.moving-screen{display:flex;flex-direction:column;gap:50px}.work-content-wrapper{height:50vh;position:sticky;top:0;left:0;display:flex;align-items:center;justify-content:center;padding:10px;background:var(--background-color);z-index:3}.work-row{height:100vh;display:flex;flex-direction:column;align-content:stretch;align-items:stretch}.work-card{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.work-text{font-size:3rem;font-family:hungary;z-index:1}.circle{position:absolute;width:800px;height:800px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s ease;z-index:0}#experience-work .circle{background:radial-gradient(#3eb8a2,transparent,transparent)}#graphic-work .circle{background:radial-gradient(#FFD700,transparent,transparent)}#web-work .circle{background:radial-gradient(#FF6F61,transparent,transparent)}#projects-work .circle{background:radial-gradient(#7c9dc6,transparent,transparent)}#sketch-work .circle{background:radial-gradient(#4d4d4d,transparent,transparent)}#github-work .circle{background:radial-gradient(#4B0082,transparent,transparent)}.experience-work{display:flex;flex-direction:row;justify-content:flex-start;gap:20px;flex-wrap:nowrap;align-items:flex-start}.ex img{height:2rem}.ex{width:45%}.experience-title{width:55%}.experience-work h3{margin-bottom:.5rem;font-size:1.25rem;color:var(--text-color)}.experience-work .company{font-weight:600;color:var(--primary-heading-color);margin-bottom:.5rem;font-size:1rem}.experience-work .description{color:var(--text-color);width:55%}.project-title{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;margin-bottom:10px}.projects-work .project-list{list-style:none;padding:0;margin:0;gap:5px;display:flex;flex-direction:column;justify-content:center;align-items:center}.projects-work .project-list li{padding:10px;border-radius:8px;transition:background .3s}.projects-work .project-list li:hover{background:var(--background-color)}.graphic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin-top:1rem}.graphic-grid img{width:100%;height:auto;border-radius:8px;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.graphic-grid img:hover{transform:scale(1.05)}.more-logos{display:flex;align-items:center;justify-content:center;background:var(--background-color);border:2px dashed #ccc;font-weight:700;color:var(--text-color);border-radius:8px;height:100px}.sketch-work p,.github-work p{font-size:1.1rem;color:var(--text-color)}.github-work a{color:#3498db;text-decoration:none;font-weight:700}.github-work a:hover{text-decoration:underline}.contact-section-wrapper{position:relative;width:100%;padding-bottom:0;padding-top:0}.contact-frame{position:relative;perspective:100px;height:100%}.contact-section{opacity:1;height:100%;border-radius:0 0 20px 20px;transform-origin:bottom}input{background:transparent;color:var(--text-color);font-size:3rem;border:1px solid var(--text-color);border-radius:20px;padding:20px;width:80%}textarea{font-size:3rem;padding:20px;background:transparent;border:1px solid;border-radius:20px;width:80%}form.contact-form{display:flex;flex-direction:column;gap:20px;align-items:center}.education-wrapper{display:flex;flex-direction:column;gap:30px;padding:20px 0}.education-title{font-size:2.5rem;text-align:center;margin-bottom:30px;background:linear-gradient(135deg,var(--text-color) 0%,var(--primary-heading-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.qualifications{width:100%;display:flex;flex-direction:column;gap:25px}.qualifications-list{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.qualification{width:100%;padding:25px;border:2px solid var(--text-color);border-radius:20px;background:linear-gradient(145deg,#ffffff0d,#0000000d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.qualification:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.qualification:hover:before{left:100%}.qualification:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026;border-color:var(--primary-heading-color)}.certificates{width:100%;display:flex;flex-direction:column;gap:25px}.certificates-list{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.certificate{width:100%;height:auto;min-height:auto;display:flex;flex-direction:column;align-items:flex-start;padding:25px;justify-content:flex-start;border:2px solid var(--text-color);border-radius:20px;background:linear-gradient(145deg,#ffffff0d,#0000000d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.certificate:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.certificate:hover:before{left:100%}.certificate:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026;border-color:var(--primary-heading-color)}.certificates-description{width:100%;position:relative;top:0;left:0;height:auto;margin-top:0;margin-bottom:20px}.certificates-description-inner-wrapper{position:relative;left:0;width:100%;top:0}.certificate-image{width:100%;display:flex;justify-content:center;align-items:center}.certificate-image img{max-width:100%;height:auto;border-radius:10px}.certificate-title{font-family:hungary;font-size:1.8rem;font-weight:700;margin-bottom:8px;color:var(--primary-heading-color);text-shadow:0 2px 4px rgba(0,0,0,.1)}.qualification-title{font-size:1.8rem;font-family:hungary;font-weight:700;margin-bottom:8px;color:var(--primary-heading-color);text-shadow:0 2px 4px rgba(0,0,0,.1)}.certificate-school,.qualification-school{font-size:1.1rem;margin:8px 0;color:var(--text-color);font-weight:500;opacity:.9}.certificate-description,.qualification-date{font-size:1rem;margin:8px 0;color:var(--text-color);opacity:.8;font-style:italic}.certificate-image-mobile{width:100%;margin-top:20px;display:flex;justify-content:center;align-items:center;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #00000026;transition:all .3s ease}.certificate-image-mobile:hover{transform:scale(1.02);box-shadow:0 12px 35px #0003}.certificate-image-mobile img{max-width:100%;height:auto;border-radius:15px;transition:all .3s ease}.qualifications:before,.certificates:before{content:"";width:60px;height:4px;background:linear-gradient(90deg,var(--primary-heading-color),var(--text-color));border-radius:2px;margin:0 auto 20px}.qualification:after,.certificate:after{content:"🎓";position:absolute;top:15px;right:15px;font-size:1.5rem;opacity:.7}.certificate:after{content:"🏆"}}@media screen and (max-width: 768px){.work-mobile-section{padding:2rem 1rem;background:var(--background-secondary-color);min-height:100vh;transition:background-color .3s ease;font-family:acherus}.work-mobile-header{text-align:center;margin-bottom:3rem;padding:0 1rem}.work-mobile-title{font-size:3rem;font-weight:700;font-family:hungary;color:var(--primary-heading-color);margin-bottom:.5rem;letter-spacing:-.02em;line-height:1.1}.work-mobile-subtitle{font-size:1.1rem;color:var(--secondary-heading-color);font-weight:400;margin:0;font-family:acherus}.work-mobile-grid{display:flex;flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto}.work-mobile-card{background:#fffffff2;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.dark-mode .work-mobile-card{background:#242424f2;border:1px solid rgba(68,68,68,.2);box-shadow:0 10px 30px #0000004d}.work-mobile-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000026}.dark-mode .work-mobile-card:hover{box-shadow:0 20px 40px #0006}.work-mobile-card.expanded{transform:translateY(-8px);box-shadow:0 25px 50px #0003}.dark-mode .work-mobile-card.expanded{box-shadow:0 25px 50px #00000080}.card-header{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.card-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;opacity:0;transition:opacity .3s ease}.work-mobile-card:hover .card-header:before{opacity:1}.card-icon{font-size:2rem;margin-right:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.card-title{font-size:1.8rem;font-weight:600;font-family:hungary;color:#fff;margin:0;flex:1;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1.2}.expand-indicator{transition:transform .3s cubic-bezier(.4,0,.2,1);color:#fff}.expand-indicator.expanded{transform:rotate(180deg)}.card-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);background:#fff}.dark-mode .card-content{background:var(--background-secondary-color)}.card-content.visible{max-height:1000px;padding:1.5rem}.mobile-card-content{opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.card-content.visible .mobile-card-content{opacity:1;transform:translateY(0)}.experience-header{margin-bottom:1.5rem}.experience-header h3{font-size:1.6rem;font-weight:600;font-family:hungary;color:var(--primary-heading-color);margin:0 0 .5rem;line-height:1.3}.company-info{display:flex;flex-direction:column;gap:.25rem}.company-name{font-size:1.2rem;font-weight:500;color:var(--primary-color);font-family:acherus}.duration{font-size:.95rem;color:var(--secondary-heading-color);font-weight:400;font-family:acherus}.experience-description{color:var(--text-color);line-height:1.6;margin-bottom:1.5rem;font-size:1rem;font-family:acherus}.highlights{display:flex;flex-wrap:wrap;gap:.5rem}.highlight-tag{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.85rem;font-weight:500;font-family:acherus;box-shadow:0 2px 8px #0080804d}.projects-grid{display:flex;flex-direction:column;gap:1.5rem}.project-card{display:flex;background:var(--background-color);border-radius:16px;padding:1rem;text-decoration:none;color:inherit;transition:all .3s ease;border:1px solid var(--border-divider-color)}.project-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;background:#fff}.dark-mode .project-card{background:var(--background-secondary-color);border:1px solid var(--border-divider-color)}.dark-mode .project-card:hover{background:var(--background-color);box-shadow:0 8px 25px #0000004d}.project-image{width:60px;height:60px;border-radius:12px;overflow:hidden;margin-right:1rem;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}.dark-mode .project-image{background:var(--background-color);box-shadow:0 4px 12px #0000004d}.project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-fallback{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.2rem;border-radius:12px;font-family:hungary}.project-info{flex:1}.project-info h4{font-size:1.3rem;font-weight:600;font-family:hungary;color:var(--primary-heading-color);margin:0 0 .5rem;line-height:1.3}.project-info p{color:var(--text-color);font-size:.95rem;line-height:1.5;margin:0 0 .75rem;font-family:acherus}.tech-stack{display:flex;flex-wrap:wrap;gap:.4rem}.tech-tag{background:var(--background-secondary-color);color:var(--text-color);padding:.3rem .7rem;border-radius:15px;font-size:.8rem;font-weight:500;font-family:acherus;border:1px solid var(--border-divider-color)}.dark-mode .tech-tag{background:var(--background-color);border:1px solid var(--border-divider-color)}.graphics-description{color:var(--text-color);line-height:1.6;margin-bottom:1.5rem;font-size:1rem;font-family:acherus}.graphics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.graphic-item{background:var(--background-color);border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease;border:1px solid var(--border-divider-color)}.graphic-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;background:#fff}.dark-mode .graphic-item{background:var(--background-secondary-color);border:1px solid var(--border-divider-color)}.dark-mode .graphic-item:hover{background:var(--background-color);box-shadow:0 8px 20px #0000004d}.graphic-item img{width:100%;height:80%;-o-object-fit:contain;object-fit:contain;margin-bottom:.5rem;border-radius:8px}.graphic-fallback{width:100%;height:80px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem;border-radius:8px;margin-bottom:.5rem;font-family:hungary}.graphic-name{font-size:.9rem;color:var(--text-color);font-weight:500;font-family:acherus}.github-description{color:var(--text-color);line-height:1.6;margin-bottom:1.5rem;font-size:1rem;font-family:acherus}.github-component{background:var(--background-color);border-radius:12px;padding:1rem;border:1px solid var(--border-divider-color)}.dark-mode .github-component{background:var(--background-secondary-color);border:1px solid var(--border-divider-color)}@media (max-width: 480px){.work-mobile-section{padding:1.5rem .75rem}.work-mobile-title{font-size:2.5rem}.work-mobile-subtitle{font-size:1rem}.card-header{padding:1.25rem}.card-title{font-size:1.5rem}.card-icon{font-size:1.75rem}.graphics-grid{grid-template-columns:1fr}.project-card{flex-direction:column;text-align:center}.project-image{margin-right:0;margin-bottom:1rem;align-self:center}}.card-content.visible .mobile-card-content>*{animation:slideInUp .5s ease forwards}.card-content.visible .mobile-card-content>*:nth-child(1){animation-delay:.1s}.card-content.visible .mobile-card-content>*:nth-child(2){animation-delay:.2s}.card-content.visible .mobile-card-content>*:nth-child(3){animation-delay:.3s}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.work-mobile-card.loading{pointer-events:none}.work-mobile-card.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}.dark-mode .work-mobile-card.loading:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}}@media screen and (max-width: 768px){.skills-mobile-section{padding:2rem 1rem;background:var(--background-secondary-color);color:var(--text-color);font-family:acherus,sans-serif;min-height:100vh}.skills-mobile-header{text-align:center;margin-bottom:2rem}.skills-mobile-title{font-weight:700;font-family:hungary;color:var(--primary-heading-color);margin-bottom:.5rem;letter-spacing:-.02em;line-height:1.1;font-size:2.5rem}.skills-mobile-subtitle{font-size:1rem;color:var(--secondary-heading-color);font-weight:300}.skills-mobile-grid{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto}.skill-mobile-card{background:var(--background-secondary-color);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;border:1px solid var(--border-divider-color)}.skill-mobile-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.skill-card-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;position:relative;color:#fff;font-weight:600}.skill-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:12px;font-size:1.2rem}.skill-card-title{font-family:hungary,sans-serif;font-size:1.3rem;margin:0;flex:1}.expand-indicator{transition:transform .3s ease}.expand-indicator.expanded{transform:rotate(180deg)}.skill-card-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 1.5rem}.skill-card-content.visible{max-height:1000px;padding:1.5rem}.skill-description{font-size:.9rem;color:var(--text-color);margin-bottom:1.5rem;line-height:1.5;opacity:.8}.sub-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.sub-skill-item{background:var(--background-color);border:1px solid var(--border-divider-color);border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;text-align:center}.sub-skill-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a;border-color:var(--primary-color);background:var(--background-secondary-color)}.sub-skill-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.2rem}.sub-skill-icon svg{width:24px;height:24px}.sub-skill-name{font-size:.8rem;font-weight:500;color:var(--text-color);line-height:1.2}.skill-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.skill-modal{background:var(--background-color);border-radius:20px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border-divider-color);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.skill-modal-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border-divider-color);position:relative}.skill-modal-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);border-radius:16px;color:#fff;font-size:1.5rem}.skill-modal-icon svg{width:28px;height:28px}.skill-modal-title{font-family:hungary,sans-serif;font-size:1.5rem;color:var(--primary-heading-color);margin:0;flex:1}.skill-modal-close{background:none;border:none;color:var(--text-color);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.skill-modal-close:hover{background:var(--background-secondary-color);color:var(--primary-color)}.skill-modal-content{padding:1.5rem}.skill-modal-section{margin-bottom:2rem}.skill-modal-section:last-child{margin-bottom:0}.modal-section-title{font-family:hungary,sans-serif;font-size:1.2rem;color:var(--primary-heading-color);margin-bottom:.75rem;font-weight:600}.modal-section-divider{height:2px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 100%);border-radius:1px;margin-bottom:1rem}.modal-section-content{font-size:.95rem;line-height:1.6;color:var(--text-color);margin:0}.skills-mobile-section.dark-mode .skill-mobile-card{background:var(--background-secondary-color);border-color:var(--border-divider-color)}.skills-mobile-section.dark-mode .sub-skill-item{background:var(--background-color);border-color:var(--border-divider-color)}.skills-mobile-section.dark-mode .sub-skill-item:hover{background:var(--background-secondary-color);border-color:var(--primary-color)}.skills-mobile-section.dark-mode .skill-modal{background:var(--background-color);border-color:var(--border-divider-color)}.skills-mobile-section.dark-mode .skill-modal-header{border-bottom-color:var(--border-divider-color)}@media (max-width: 480px){.skills-mobile-title{font-size:2rem}.skill-card-header,.skill-card-content.visible{padding:1.25rem}.sub-skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.sub-skill-item{padding:.75rem}.skill-modal{max-width:95vw;max-height:85vh}.skill-modal-header,.skill-modal-content{padding:1.25rem}}}.work-content{color:var(--text-color)!important;font-family:acherus,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden;padding:2%!important;width:100%;height:100%;box-sizing:border-box}.work-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.work-content>*{position:relative;z-index:1}.github-creative-error,.github-creative-loading{text-align:center;padding:3%;color:var(--text-color);font-size:clamp(.9rem,2vw,1.1rem);height:100%;display:flex;align-items:center;justify-content:center}.github-header{display:flex;align-items:center;gap:2%;margin-bottom:3%;position:relative;z-index:1;width:100%}.github-avatar-container{position:relative;flex-shrink:0;width:12%;max-width:60px}.github-avatar{width:100%;height:auto;aspect-ratio:1;border-radius:50%;border:2px solid var(--border-divider-color);transition:all .3s ease}.github-avatar:hover{transform:scale(1.05);border-color:var(--primary-color)}.github-avatar-glow{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:linear-gradient(45deg,var(--primary-color),var(--accent-color),var(--primary-color));opacity:0;transition:opacity .3s ease;z-index:-1;animation:glow 2s ease-in-out infinite alternate}.github-avatar:hover+.github-avatar-glow{opacity:.3}@keyframes glow{0%{transform:scale(1)}to{transform:scale(1.1)}}.github-header-text{flex:1;min-width:0;width:88%}.github-name{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;margin:0 0 1%;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:hungary}.github-username{color:var(--secondary-heading-color);font-size:clamp(.8rem,2vw,1rem);margin:0 0 1%}.github-bio{color:var(--text-color);font-size:clamp(.75rem,1.8vw,.9rem);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.github-meta{display:flex;gap:3%;font-size:clamp(.7rem,1.8vw,.9rem);color:var(--secondary-heading-color)}.github-meta span{display:flex;align-items:center;gap:.5rem}.github-tabs{display:flex;gap:2%;margin-bottom:4%;position:relative;z-index:1;flex-wrap:wrap;width:100%}.github-tab{background:var(--background-color);border:1px solid var(--border-divider-color);border-radius:12px;padding:2% 4%;color:var(--secondary-heading-color);font-size:clamp(.8rem,2vw,1rem);font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1;min-width:45%;text-align:center;white-space:nowrap}.github-tab:hover{background:rgba(var(--primary-color),.1);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.github-tab.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-color:transparent;color:var(--button-text-color);box-shadow:0 4px 15px rgba(var(--primary-color),.3)}.github-tab-content{min-height:50vh;max-height:60vh;position:relative;z-index:1;overflow-y:auto;width:100%}.github-stats{padding:2% 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20%,1fr));gap:3%;width:100%;margin-bottom:5%}.stat-card{background:var(--background-color);border-radius:12px;padding:5% 3%;text-align:center;transition:all .3s ease;border:1px solid transparent;min-height:120px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--stat-color, var(--primary-color));opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{background:rgba(var(--primary-color),.1);border-color:var(--stat-color, var(--primary-color));transform:translateY(-5px)}.stat-icon{font-size:clamp(2rem,5vw,3rem);margin-bottom:3%}.stat-value{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:var(--stat-color, var(--primary-color));margin-bottom:2%}.stat-label{font-size:clamp(.7rem,1.8vw,.9rem);color:var(--secondary-heading-color);text-transform:uppercase;letter-spacing:.5px}.languages-section{margin-top:5%}.languages-section h3{font-size:clamp(1.1rem,2.8vw,1.4rem);color:var(--text-color);margin-bottom:3%;text-align:center;font-family:hungary}.languages-grid{display:flex;flex-wrap:wrap;gap:2%;justify-content:center}.language-badge{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--button-text-color);padding:1% 3%;border-radius:20px;font-size:clamp(.7rem,1.8vw,.9rem);font-weight:600;transition:all .3s ease;cursor:default}.language-badge:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(var(--primary-color),.3)}.github-projects{width:100%;margin-bottom:3%}.projects-title{font-size:clamp(1rem,2.5vw,1.3rem);color:var(--primary-color);margin:0 0 2%;text-align:center;font-family:hungary}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(30%,1fr));gap:2%;width:100%}.project-card{background:var(--background-color);border-radius:8px;padding:3%;text-decoration:none;color:inherit;transition:all .3s ease;border:1px solid transparent;display:block;min-height:100px;box-sizing:border-box}.project-card:hover{background:rgba(var(--primary-color),.1);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--primary-color),.2)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2%}.project-name{font-size:clamp(.8rem,2vw,1rem);font-weight:600;color:var(--primary-color);margin:0 2% 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.project-visibility{font-size:clamp(.7rem,1.8vw,.9rem);flex-shrink:0}.project-description{color:var(--secondary-heading-color);font-size:clamp(.65rem,1.6vw,.8rem);line-height:1.3;margin:0 0 2%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-meta{display:flex;justify-content:space-between;align-items:center;font-size:clamp(.6rem,1.5vw,.75rem)}.project-language{color:var(--primary-color);font-weight:500}.project-stars{color:var(--accent-color)}.github-cta{margin-top:3%;text-align:center;position:relative;z-index:1;width:100%}.github-cta-button{display:inline-flex;align-items:center;gap:2%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--button-text-color);text-decoration:none;padding:1.5% 4%;border-radius:8px;font-weight:600;font-size:clamp(.8rem,2vw,1rem);transition:all .3s ease;box-shadow:0 3px 10px rgba(var(--primary-color),.3);white-space:nowrap}.github-cta-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--primary-color),.4)}.github-cta-button:hover .cta-arrow{transform:translate(3px)}@media (max-width: 768px){.work-content{padding:3%!important}.github-header{flex-direction:column;text-align:center;gap:2%}.github-avatar-container{width:20%;max-width:50px}.github-header-text{width:100%}.github-meta{justify-content:center;flex-wrap:wrap}.github-tabs{flex-wrap:wrap;gap:2%}.github-tab{flex:1;min-width:45%;font-size:clamp(.7rem,3vw,.9rem);padding:3% 2%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:4%}.projects-grid{grid-template-columns:repeat(2,1fr);gap:3%}.github-tab-content{min-height:40vh;max-height:50vh}.stat-card{padding:6% 4%;min-height:100px}.project-card{padding:4%;min-height:80px}.languages-grid{gap:3%}.language-badge{padding:2% 4%}.github-cta-button{padding:2% 5%}}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr;gap:3%}.project-card{padding:4%;min-height:70px}}.github-creative-loading{display:flex;align-items:center;justify-content:center;gap:2%}.github-creative-loading:after{content:"";width:clamp(14px,3vw,18px);height:clamp(14px,3vw,18px);border:2px solid var(--primary-color);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.github-tab-content::-webkit-scrollbar{width:8px}.github-tab-content::-webkit-scrollbar-track{background:var(--background-secondary-color);border-radius:4px}.github-tab-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.github-tab-content::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.repo-list{list-style:none;padding:0}.repo-item{margin-bottom:1rem;padding:1rem;border:1px solid var(--border-divider-color);border-radius:8px;background:var(--background-color)}.repo-name{font-weight:700;color:var(--primary-color);text-decoration:none}.repo-description{margin-top:.5rem;color:var(--secondary-heading-color)}.work-content-section{width:100%;height:100%;display:flex;flex-direction:column;padding:2%;box-sizing:border-box;background-color:var(--background-secondary-color);color:var(--text-color)}.work-header{display:flex;align-items:center;gap:2%;margin-bottom:3%;position:relative;z-index:1;width:100%}.work-icon-container{position:relative;flex-shrink:0;width:12%;max-width:60px}.work-icon{font-size:clamp(1.5rem,4vw,2.5rem);width:100%;height:auto;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:rgba(var(--primary-color),.1);border-radius:50%;border:2px solid var(--primary-color)}.work-header-text{flex:1;min-width:0;width:88%}.work-subtitle{color:var(--secondary-heading-color);font-size:clamp(.8rem,2vw,1rem);margin:0;line-height:1.4}.work-content-main{flex:1;width:100%;margin-bottom:3%}.experience-item{background:var(--background-color);border-radius:12px;padding:4%;border-left:4px solid var(--primary-color);transition:all .3s ease}.experience-item:hover{background:rgba(var(--primary-color),.1)}.experience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2%;flex-wrap:wrap;gap:2%}.experience-role{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:600;color:var(--primary-color);margin:0}.experience-company{font-size:clamp(.8rem,2vw,1rem);color:var(--accent-color);font-weight:500}.experience-duration{font-size:clamp(.7rem,1.8vw,.9rem);color:var(--secondary-heading-color);margin-bottom:2%}.experience-description{color:var(--text-color);font-size:clamp(.8rem,2vw,1rem);line-height:1.5;margin:0 0 3%}.experience-skills{display:flex;flex-wrap:wrap;gap:2%}.skill-tag{background:rgba(var(--primary-color),.2);color:var(--primary-color);padding:1% 2%;border-radius:6px;font-size:clamp(.6rem,1.5vw,.8rem);font-weight:500}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(45%,1fr));gap:3%;width:100%}.project-item{background:var(--background-color);border-radius:12px;padding:4%;text-decoration:none;color:inherit;transition:all .3s ease;border:1px solid transparent;display:block;min-height:120px;box-sizing:border-box}.project-item:hover{background:rgba(var(--primary-color),.1);border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 6px 20px rgba(var(--primary-color),.2)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3%}.project-title{display:flex;align-items:center;gap:2%;flex:1}.project-logo{width:clamp(20px,4vw,30px);height:clamp(20px,4vw,30px);border-radius:4px}.project-name{font-size:clamp(.9rem,2.2vw,1.1rem);font-weight:600;color:var(--primary-color);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-status{background:var(--primary-color);color:var(--button-text-color);padding:1% 2%;border-radius:6px;font-size:clamp(.6rem,1.5vw,.8rem);font-weight:500}.project-description{color:var(--text-color);font-size:clamp(.75rem,1.8vw,.9rem);line-height:1.4;margin:0 0 3%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-tech{display:flex;flex-wrap:wrap;gap:2%}.tech-tag{background:rgba(var(--accent-color),.2);color:var(--accent-color);padding:1% 2%;border-radius:6px;font-size:clamp(.6rem,1.5vw,.8rem);font-weight:500;margin-bottom:2%}.graphics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(25%,1fr));gap:3%;width:100%}.graphic-item{position:relative;background:var(--background-color);border-radius:12px;overflow:hidden;transition:all .3s ease;aspect-ratio:1;cursor:pointer}.graphic-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(var(--highlight-color),.3)}.graphic-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:all .3s ease}.graphic-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:3%;transform:translateY(100%);transition:transform .3s ease}.graphic-item:hover .graphic-overlay{transform:translateY(0)}.graphic-name{color:var(--button-text-color);font-size:clamp(.7rem,1.8vw,.9rem);font-weight:500;text-align:center;display:block}.work-cta{margin-top:3%;text-align:center;position:relative;z-index:1;width:100%}.work-cta-button{display:inline-flex;align-items:center;gap:2%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--button-text-color);text-decoration:none;padding:1.5% 4%;border-radius:8px;font-weight:600;font-size:clamp(.8rem,2vw,1rem);transition:all .3s ease;box-shadow:0 3px 10px rgba(var(--primary-color),.3);white-space:nowrap}.work-cta-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--primary-color),.4)}.cta-arrow{transition:transform .3s ease}.work-cta-button:hover .cta-arrow{transform:translate(3px)}@media (max-width: 768px){.work-content-section{padding:3%}.work-header{flex-direction:column;text-align:center;gap:2%}.work-icon-container{width:20%;max-width:50px}.work-header-text{width:100%}.projects-grid{grid-template-columns:1fr;gap:3%}.graphics-grid{grid-template-columns:repeat(2,1fr);gap:3%}.project-item{padding:4%;min-height:100px}.experience-item{padding:5%}.work-cta-button{padding:2% 5%}}@media (max-width: 480px){.graphics-grid{grid-template-columns:1fr;gap:3%}.project-item{padding:4%;min-height:80px}.experience-skills,.project-tech{gap:3%}}.work-content-main::-webkit-scrollbar{width:6px}.work-content-main::-webkit-scrollbar-track{background:var(--background-secondary-color);border-radius:3px}.work-content-main::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.work-content-main::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.App:focus{outline:none}.setting{align-self:flex-start;padding:0}.setting button{font-size:15px}.setting input{font-size:20px}.topWall{border-top:2px solid black}.rightWall{border-right:2px solid black}.bottomWall{border-bottom:2px solid black}.leftWall{border-left:2px solid black}.sol div{height:50%;width:50%;border-radius:50%;background:#ffdab9;display:inline-block}.currentPosition div{background:salmon;height:100%;width:100%;border-radius:50%;display:block}.destination div{background:#00ff7f;height:100%;width:100%;border-radius:50%;display:block}.currentPosition.destination div{animation:rainbowBall 5s infinite}@keyframes rainbowBall{0%{background-color:gold}15%{background-color:coral}29%{background-color:#ffefd5}43%{background-color:#8fbc8f}57%{background-color:#e0ffff}71%{background-color:#1e90ff}84%{background-color:violet}to{background-color:indigo}}#maze{margin-top:15px;border-collapse:collapse;background-color:#ffffff1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:calc(90vw - 80px);height:calc(20vw - 17.7px)}#maze td{height:20px;width:20px}.info{margin-top:20px;width:100%;background:#fff8dc;padding:3px;font-size:20px}.info p{text-transform:uppercase;color:#228b22}.maze-setting-bar{display:flex;justify-content:space-between;width:90%;align-items:flex-end}div#mazegame{display:flex;flex-direction:column;align-items:center}.left-setting{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:10px;height:-moz-fit-content;height:fit-content}.controls{display:flex;flex-direction:column;align-items:center}.hidden-cell{background-color:#000;border:none}.right-setting{display:flex;align-items:flex-end;gap:20px}.wall{transition:all .3s ease}.topWall{border-top:2px solid var(--text-color)}.rightWall{border-right:2px solid var(--text-color)}.bottomWall{border-bottom:2px solid var(--text-color)}.leftWall{border-left:2px solid var(--text-color)}.wall-animating{animation:wallShift .3s ease-in-out}@keyframes wallShift{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.start-overlay{position:absolute}.game-instructions{background:#000c;color:#fff;padding:15px;border-radius:10px;text-align:center;margin-bottom:15px}.game-instructions h2{font-family:Hungary;margin:0 0 10px;font-size:3rem;color:#fff}.game-instructions p{margin:5px 0;font-size:1rem}.game-instructions p strong{font-size:2rem}.game-instructions{background:#000c;color:#fff;padding:20px;border-radius:10px;text-align:center;max-width:45vw;font-size:1.2em;animation:fadeIn 1s ease-in-out}.start-button{margin-top:10px;padding:10px 20px;font-size:1.2em;cursor:pointer;background:#ff9800;color:#fff;border:none;border-radius:5px;transition:.3s}.start-button:hover{background:#e68900}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media screen and (max-width: 768px){div#mazegame{margin-top:50px;margin-bottom:50px}.game-instructions h2{font-size:3rem}.game-instructions{font-size:1rem;max-width:90vw;width:90vw}.game-instructions p strong{font-size:1.25rem}.maze-setting-bar{display:flex;flex-direction:column;align-items:center;gap:10px}.right-setting{gap:10px;display:flex;flex-direction:column;align-items:center}.left-setting{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}button{background-color:var(--button-bg-color);color:var(--button-text-color);border:1px solid var(--border-divider-color);padding:10px 20px;cursor:pointer;transition:background-color .3s,color .3s}}.popup-overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;animation:fadeIn .3s ease-in-out}.popup-content{height:auto;width:auto;background:#2c2c2c;color:#fff;padding:20px;border-radius:15px;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 30px #0000004d;animation:slideUp .4s ease-out}.popup-content h2{margin:0 0 10px;font-size:2rem;color:#fff}.close-btn{align-self:flex-end;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.graphic-grid img{height:5vw;width:auto}.gsap-preloader{position:fixed;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:row;z-index:9999;background-color:#242424;color:#fff}.install-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem}.strap-wrapper{width:12.5vw;position:relative;height:100%;overflow:hidden;background-color:#e5e5e5}.strap{flex:1;width:100%;height:100%;background:#242424;transform:translateY(0)}.full-width-strap{position:absolute;top:50%;left:-200vw;width:200vw;height:100vh;background-color:#242424;transform:translateY(-50%)}.install-text{font-family:monospace;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:4rem}.glitch{position:relative;display:inline-block}@keyframes glitch{0%{transform:translate(0);opacity:1}20%{transform:translate(-2px,2px);opacity:.9}40%{transform:translate(2px,-2px);opacity:1}60%{transform:translate(-1px,1px);opacity:.9}80%{transform:translate(1px,-1px);opacity:1}to{transform:translate(0);opacity:1}}.install-text:after{content:"|";display:inline-block;animation:fadeDots 2s infinite}@keyframes fadeDots{0%{opacity:0}50%{opacity:1}to{opacity:0}}.cursor,.follower,.cursor-ring{position:fixed;transform:translate(-50%,-50%);z-index:9999999999999}.cursor{width:3px;height:3px;background:#242424;border-radius:50%;pointer-events:none}.follower{width:15px;height:15px;border:2px solid #242424;border-radius:50%;pointer-events:none}.cursor-ring{width:25px;height:25px;border:1px solid rgba(36,36,36,.5);border-radius:50%;pointer-events:none}.attract{transition:transform .3s ease-out}.cursor,.follower,.cursor-ring{position:fixed;transform:translate(-50%,-50%);z-index:9999999999999;mix-blend-mode:difference}.cursor{width:3px;height:3px;background:#fff;border-radius:50%;pointer-events:none}.follower{width:15px;height:15px;border:2px solid #fff;background-color:#fff;border-radius:50%;pointer-events:none}.cursor-ring{width:25px;height:25px;border:2px solid rgba(255,255,255,.5);border-radius:50%;pointer-events:none}