@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;700&display=swap";*,: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}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,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}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.left-8{left:2rem}.top-0{top:0}.z-10{z-index:10}.z-20{z-index:20}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-6{margin-left:1.5rem}.mr-1\.5{margin-right:.375rem}.mt-6{margin-top:1.5rem}.box-content{box-sizing:content-box}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.size-16{width:4rem;height:4rem}.size-6{width:1.5rem;height:1.5rem}.size-full{width:100%;height:100%}.h-64{height:16rem}.h-fit{height:-moz-fit-content;height:fit-content}.w-\[100vw\]{width:100vw}.w-full{width:100%}.w-px{width:1px}.max-w-\[65ch\]{max-width:65ch}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.rotate-\[7deg\]{--tw-rotate: 7deg;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))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;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))}.scale-y-100{--tw-scale-y: 1;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))}.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))}.cursor-default{cursor:default}.resize{resize:both}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-8{gap:2rem}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-dashed{border-style:dashed}.border-\[\#B2CD9C\]{--tw-border-opacity: 1;border-color:rgb(178 205 156 / var(--tw-border-opacity, 1))}.border-\[\#dac0b9\]{--tw-border-opacity: 1;border-color:rgb(218 192 185 / var(--tw-border-opacity, 1))}.border-black\/80{border-color:#000c}.border-slate-700\/30{border-color:#3341554d}.bg-\[\#B2CD9C\]{--tw-bg-opacity: 1;background-color:rgb(178 205 156 / var(--tw-bg-opacity, 1))}.bg-\[\#ECD2CB\]{--tw-bg-opacity: 1;background-color:rgb(236 210 203 / var(--tw-bg-opacity, 1))}.bg-\[\#dcc2bb\]{--tw-bg-opacity: 1;background-color:rgb(220 194 187 / var(--tw-bg-opacity, 1))}.bg-black\/80{background-color:#000c}.bg-purple-900{--tw-bg-opacity: 1;background-color:rgb(88 28 135 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.object-contain{-o-object-fit:contain;object-fit:contain}.p-3{padding:.75rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-16{padding-bottom:4rem}.pb-5{padding-bottom:1.25rem}.pb-\[25vh\]{padding-bottom:25vh}.pb-\[50vh\]{padding-bottom:50vh}.pl-\[20px\]{padding-left:20px}.pr-\[20px\]{padding-right:20px}.pt-8{padding-top:2rem}.pt-\[0vh\]{padding-top:0vh}.pt-\[15px\]{padding-top:15px}.pt-\[25vh\]{padding-top:25vh}.font-\[poppins\]{font-family:poppins}.font-\[title\]{font-family:title}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.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-\[400\]{font-weight:400}.font-medium{font-weight:500}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-black\/60{color:#0009}.text-black\/80{color:#000c}.text-neutral-600{--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}.text-neutral-700{--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity, 1))}.text-neutral-950{--tw-text-opacity: 1;color:rgb(10 10 10 / var(--tw-text-opacity, 1))}.text-sky-100{--tw-text-opacity: 1;color:rgb(224 242 254 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.invert{--tw-invert: invert(100%);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}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;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}.delay-100{transition-delay:.1s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:bg-\[repeating-linear-gradient\(45deg\,black_0\,black_1px\,transparent_1px\,transparent_2px\)\,repeating-linear-gradient\(-45deg\,black_0\,black_1px\,transparent_1px\,transparent_2px\)\]:before{content:var(--tw-content);background-image:repeating-linear-gradient(45deg,black 0,black 1px,transparent 1px,transparent 2px),repeating-linear-gradient(-45deg,black 0,black 1px,transparent 1px,transparent 2px)}.before\:opacity-20:before{content:var(--tw-content);opacity:.2}.before\:content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}.last\:mb-0:last-child{margin-bottom:0}.hover\:bg-\[\#00ac94\]\/100:hover{background-color:#00ac94}.hover\:bg-\[\#F2E5BF\]\/20:hover{background-color:#f2e5bf33}.hover\:bg-purple-800:hover{--tw-bg-opacity: 1;background-color:rgb(107 33 168 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-clip-text{-webkit-background-clip:text;background-clip:text}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 768px){.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-between{justify-content:space-between}.md\:gap-16{gap:4rem}.md\:gap-3{gap:.75rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:pb-\[32vh\]{padding-bottom:32vh}.md\:pl-\[100px\]{padding-left:100px}.md\:pr-\[120px\]{padding-right:120px}.md\:pt-\[30px\]{padding-top:30px}.md\:pt-\[7\.5vh\]{padding-top:7.5vh}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:opacity-0{opacity:0}}html{overflow-x:hidden}:root{--bg3: rgb(236, 210, 203);--tc: rgb(0 0 0);--dark-mode-bg: rgb(238, 238, 238);--dark-mode-font: rgb(0, 0, 0);--dark-mode-d1-2-3-bg: rgb(40, 40, 40);--dark-mode-d1-2-3-font: rgb(10, 10, 10);--dark-mode-d1-2-3-border: #cdcdcd;--hero-section-clr: rgb(250, 222, 208);--hero-section-border-clr: rgba(210, 182, 168, 1);--divv3-clr: var(--hero-section-clr);--nav-li-clr: rgb(122, 117, 107);--nav-li-bgclr: rgb(220, 192, 178);--nav-li-border-clr: rgba(95, 95, 95, .371);--card-container-color: rgb(246, 220, 213);--skill-list-color: rgba(246, 220, 213, .5);--skill-list-clicked-clr: rgb(0, 0, 0);--mark-clr: rgb(230, 202, 188);--projects-card-clr: var(--card-container-color);--email-box-color: var(--card-container-color);--btn-hover-bg: var(--email-box-color);--text-area-bg: var(--bg3);--input-bg: var(--bg3);--submit-button-color: #37474f;--s-btn-text-color: #ffffff;--margin-left: 70px;--heading-text-size: 4em;--heading-weight: 550;--heading-line-space: -.05em;--introduction-text-size: 1.5em;--paragraph-text-size: 1.15em;--hello-mega-font-size: 11.8rem;--font-size: 1.2rem;--difference: 10px;--bg1: rgba(0, 0, 0, .5);--bg2: rgb(0, 0, 0, 1);--bg33: rgb(215, 202, 179);--top: 40px;--right: 80px;--transition-delay: .2s;--transition-duration: .3s;--radius: 45px;--rr: 30px;--z-value: 100;--cursor-z-index: 9999999999;--svg-z-index: 9999999}#root{background-color:var(--bg3);color:var(--tc);font-family:Poppins,sans-serif;padding:0}body{background-color:var(--bg3);color:var(--tc);font-family:Poppins,sans-serif;padding:0;margin:10px;overflow-x:hidden;scroll-behavior:smooth}#viewers{margin-left:var(--margin-left)}.header__texts{font-family:Chillax-Bold,sans-serif;font-family:Dahlia,sans-serif}.exps,.headerSpan{display:inline!important}section{height:100vh;background-color:var(--bg3);width:100%;max-width:1536px;margin-left:auto;margin-right:auto;position:relative;z-index:71}html.invert section{background-color:#eee}span.underline{display:inline}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}.work-container ul{list-style-type:disc!important;text-transform:none!important;padding-left:2rem}.work-container ul li{text-decoration-line:underline!important;text-decoration-style:dashed!important;text-decoration-thickness:1px}.work-container ul li:hover{text-decoration-style:solid!important}.work-container ul li a{text-decoration:none!important}.reg{z-index:20}.s0,.s2,.s4,.s6,.s8,.s10{display:inline-flex;overflow:hidden}.s1,.s3,.s5,.s7,.s9,.s11{transform:translateY(100%);opacity:0}@media (max-width: 640px){:root{--hello-mega-font-size: 4rem;--margin-left: 20px;--heading-text-size: 2.8em;--heading-weight: 550;--heading-line-space: -.03em;--introduction-text-size: 1.15em;--paragraph-text-size: 1em;--top: 15px;--right: 10px}.sec5{font-size:.5em}}@media (max-width: 475px){:root{--hello-mega-font-size: 3.4rem;--margin-left: 20px;--heading-text-size: 2.2em;--heading-weight: 550;--heading-line-space: -.03em;--introduction-text-size: .85em;--paragraph-text-size: .7em;--top: 15px;--right: 10px}.sec5{font-size:.5em}}@font-face{font-family:content;src:url(/fonts/content.woff) format("woff");font-style:normal;font-weight:400;font-stretch:normal;unicode-range:u + 0020-00fe}@font-face{font-family:title;src:url(/fonts/title.woff) format("woff");font-style:normal;font-weight:100;font-stretch:normal}@font-face{font-family:Dahlia;font-display:swap;font-style:normal;font-weight:400;src:url(/fonts/dahlia.woff2) format("woff2")}@font-face{font-family:Mondia;font-display:swap;font-style:normal;font-weight:400;src:url(/fonts/mondia.woff2) format("woff2")}@font-face{font-family:MondiaThin;font-display:swap;font-style:normal;font-weight:400;src:url(/fonts/mondia-thin.woff2) format("woff2")}.invert{filter:invert(1)}html.invert,html.invert body,html.invert main,html.invert #s1,html.invert #s-last,html.invert #s2-skills,html.invert #s3-projects,html.invert #s4-contacts,html.invert #s5-thanks,html.invert .d1-2-3{background-color:var(--dark-mode-bg);color:var(--dark-mode-font)}html.invert .d1-2-3{color:var(--dark-mode-d1-2-3-font);border-color:var(--dark-mode-d1-2-3-border)}html.invert #divv3{background-color:var(--dark-mode-bg)}html.invert #divv3 .img_container{background-color:var(--dark-mode-d1-2-3-bg)}html.invert .skill__box{background-color:#ddd}html.invert .list-elem.clicked{background-color:#ccc}html.invert .inverse2{border-right:3px solid rgba(200,200,200,1);background-color:#c8c8c84d}.inverse2{border-bottom:1px solid rgba(37,37,37,.2)}.list-elem.clicked{background-color:var(--skill-list-clicked-clr);color:#f0f8ff}html.invert .list-elem.clicked{background-color:#bebebe;color:#3e3e3e}html.invert .card-container{filter:invert(1);--card-container-color: rgb(68, 68, 68);--mark-clr: rgb(108, 108, 108);--bg3: rgb(17, 17, 17)}html.invert .card-container .card{background-color:#373737}html.invert .box{filter:invert(1);color:#fff;--card-container-color: rgb(68, 68, 68);--bg3: rgb(17, 17, 17);--email-box-color: var(--card-container-color);--btn-hover-bg: var(--email-box-color);--text-area-bg: var(--bg3);--input-bg: var(--bg3)}html.invert .box input::-moz-placeholder{color:#646464}html.invert .box input::placeholder{color:#646464}#invert-button{position:relative;z-index:85;width:26px;height:26px;font-size:0;background-color:transparent;border:none;background-image:url(../../icons/dm3.svg);background-size:cover;background-repeat:no-repeat}@media (max-width: 768px){#invert-button{width:26px;height:26px}}mark{background:#ff0;color:#000}@keyframes underline{0%{width:0;margin-left:0;margin-right:0}to{width:30%;margin-left:60px;margin-right:70%}}.underline-sp{position:relative}.underline-sp:before{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background-color:#000;transform:scaleX(0);transform-origin:right;transition:transform .8s ease-out}.underline-sp.active:before{transform:scaleX(1);transform-origin:left;transition:transform .8s ease-out}.animated-div{opacity:0;animation:fadeIn .8s forwards}.letter{display:inline-block;margin-right:-.08em}.animated-underline{display:inline-block;border-bottom:2px solid rgb(0,0,0);animation:underline 1s ease-in forwards}.visible,.clear{display:block}.invisible{display:none}.blur-dark{filter:blur(0px);transition:all .3s ease-in-out}.hid h1{font-size:2.1em;font-style:inherit;font-weight:450}.hid{opacity:0;filter:blur(5px);transform:translate(-100%);transition:all 1s;height:20vh;display:flex;justify-content:center;align-items:center}.shw{opacity:1;filter:blur(0);transform:translate(0)}.flexed{display:flex;align-items:center;justify-content:center}.f-gap-1{gap:.5rem}.f-gap-2{gap:1rem}.cen{margin-left:auto;margin-right:auto}.grid-col-3{grid-template-columns:repeat(3,1fr)}.p-top-1{padding-top:1rem}.p-top-2{padding-top:2rem}.p-top-3{padding-top:3rem}.p-top-4{padding-top:4rem}a{text-decoration:none}.bg-set{background-position:center;background-repeat:no-repeat;background-size:cover}.full{position:relative;width:100%;height:100%}.open{display:block}.btn{width:90px;height:40px;border:3px solid var(--bg2);outline:none;color:#000;background-color:var(--bg1);cursor:pointer;position:relative;z-index:0;border-radius:30px;font-size:1rem;display:flex;justify-content:center;align-items:center;transition:all .3s}.btn:hover{background-color:var(--bg2);color:#fff;transition:all .3s}input{width:200px;height:40px;border:2px solid black;outline:none;color:#000;background-color:#0000;cursor:pointer;position:relative;z-index:0;border-radius:30px;font-size:1rem;display:flex;padding-left:20px;justify-content:center;align-items:center;transition:all .3s;overflow:hidden}::-moz-placeholder{color:#00000069}::placeholder{color:#00000069}.f-input{border:none;width:250px;display:block;position:relative;top:9px!important}label{font-family:MondiaThin,Courier New,Courier,monospace;font-size:1.5rem}.dahlia{font-family:Dahlia,Courier New,Courier,monospace}.mondia{font-family:Mondia,Courier New,Courier,monospace}.scribe{font-family:MilitaryScribe,Courier New,Courier,monospace}.mondiaThin{font-family:MondiaThin,Courier New,Courier,monospace}.glass{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff3f;border:2px solid rgba(255,255,255,.864)}.dark-glass{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#0000001e;border:2px solid rgba(0,0,0,.864)}button{overflow:visible}button,select{text-transform:none}button,html input[type=button]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}textarea{overflow:auto}optgroup{font-weight:700}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}@media (max-width: 992px){.col-md-12{width:100%}}@media (max-width: 768px){.col-xs-12{width:100%}.is-mb-sm{margin-bottom:0}}.is-mb-base{margin-bottom:#212121}.is-mb-xxs{margin-bottom:24px}.is-mb-xs{margin-bottom:32px}.is-mb-s{margin-bottom:2vw}.is-mb-ms{margin-bottom:60px}@media (max-width: 768px){.is-mb-ms{margin-bottom:40px}}.is-mb-m{margin-bottom:4vw}.is-mb-l{margin-bottom:120px}@media (max-width: 768px){.is-mb-l{margin-bottom:80px}}.is-mb-xl{margin-bottom:160px}@media (max-width: 768px){.is-mb-xl{margin-bottom:120px}}.is-mb-xxl{margin-bottom:200px}@media (max-width: 768px){.is-mb-xxl{margin-bottom:120px}}.is-mb-big{margin-bottom:240px}@media (max-width: 768px){.is-mb-big{margin-bottom:160px}}.is-mt-base{margin-top:#212121}.is-mt-xxs{margin-top:24px}.is-mt-xs{margin-top:32px}.is-mt-s{margin-top:2vw}.is-mt-ms{margin-top:60px}@media (max-width: 992px){.is-mt-ms{margin-top:16px}}.is-mt-m{margin-top:4vw}.is-mt-l{margin-top:8vw}.is-mt-xl{margin-top:12vw}.is-mt-xxl{margin-top:16vw}.is-mt-big{margin-top:240px}@media (max-width: 768px){.is-mt-big{margin-top:160px}}.is-pb-base{padding-bottom:#212121}.is-pb-xxs{padding-bottom:24px}.is-pb-xs{padding-bottom:32px}.is-pb-s{padding-bottom:40px}@media (max-width: 768px){.is-pb-s{padding-bottom:32px}}.is-pb-ms{padding-bottom:60px}@media (max-width: 768px){.is-pb-ms{padding-bottom:40px}}.is-pb-m{padding-bottom:80px}@media (max-width: 768px){.is-pb-m{padding-bottom:60px}}.is-pb-l{padding-bottom:120px}@media (max-width: 768px){.is-pb-l{padding-bottom:80px}}.is-pb-xl{padding-bottom:160px}@media (max-width: 768px){.is-pb-xl{padding-bottom:120px}}.is-pb-xxl{padding-bottom:200px}@media (max-width: 768px){.is-pb-xxl{padding-bottom:160px}}.is-pb-big{padding-bottom:240px}@media (max-width: 768px){.is-pb-big{padding-bottom:200px}}.is-pt-base{padding-top:#212121}.is-pt-xxs{padding-top:24px}.is-pt-xs{padding-top:32px}.is-pt-s{padding-top:40px}@media (max-width: 768px){.is-pt-s{padding-top:32px}}.is-pt-ms{padding-top:60px}@media (max-width: 768px){.is-pt-ms{padding-top:40px}}.is-pt-m{padding-top:80px}@media (max-width: 768px){.is-pt-m{padding-top:60px}}.is-pt-l{padding-top:120px}@media (max-width: 768px){.is-pt-l{padding-top:80px}}.is-pt-xl{padding-top:160px}@media (max-width: 768px){.is-pt-xl{padding-top:120px}}.is-pt-xxl{padding-top:200px}@media (max-width: 768px){.is-pt-xxl{padding-top:160px}}.is-pt-big{padding-top:240px}@media (max-width: 768px){.is-pt-big{padding-top:200px}}.column{display:block;float:left;min-height:1px}.grid{clear:both;position:relative;margin:0 auto}.grid.grid-full{width:100%;padding-left:3.2vw;padding-right:3.2vw}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}small{font-size:80%}pre{overflow:auto}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}a,input,input:focus,select,textarea,textarea:focus{outline:none}.animated-underline-white,.animated-underline{position:relative;overflow:hidden}.animated-underline:before,.animated-underline-white:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;z-index:200;border-radius:3px;transform:scaleX(0);transition:transform .6s cubic-bezier(.23,1,.32,1);transform-origin:right}.animated-underline:before{background-color:#000}.animated-underline-white:before{background-color:#4a4947}.animated-underline:hover:before,.animated-underline-white:hover:before{transform-origin:left;transform:scaleX(1)}a.blog{z-index:999999;position:fixed;top:calc(var(--top) - 10px);left:calc(var(--right) - var(--extra-len));height:46px;width:100px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(205,177,163,1);background-color:#f0d4c680;color:#343434;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);gap:.5rem;overflow:hidden}a.blog svg{transition:all .4s cubic-bezier(.39,.575,.565,1)}a.blog:hover svg{animation:arrowMove .5s forwards cubic-bezier(.39,.575,.565,1)}@keyframes arrowMove{0%{transform:translateZ(0)}50%{transform:translate3d(30px,-30px,0)}51%{transform:translate3d(-30px,30px,0)}to{transform:translateZ(0)}}@media (min-width: 1536px){a.blog{box-sizing:content-box;padding:3px 10px;font-size:1.25rem}a.blog svg{width:1.25rem;height:1.25rem}}@media (min-width: 769px){a.blog{font-size:1.25rem}a.blog svg{width:1.25rem;height:1.25rem}}@media (width <= 768px){a.blog{font-size:1.5rem}a.blog svg{width:1.5rem;height:1.5rem}}:root{--li-height-initial: 0;--li-active-height: calc(15vh * 5 / 6);--nav-height: calc(25 * var(--li-active-height) / 6);--li-width: 100vw;--li-text-size: 2em}.link{cursor:pointer;position:relative;white-space:nowrap;color:var(--color-text)}.link:before,.link:after{position:absolute;width:100%;height:1px;background:currentColor;top:100%;left:0;pointer-events:none}.link:before{content:""}.link--thebe{text-transform:uppercase}.link--thebe:before{transform-origin:0% 50%;transform:scale3d(0,1,1);transition:transform .3s cubic-bezier(.2,1,.8,1)}.link--thebe:hover:before{transform-origin:0% 50%;transform:scale3d(1,2,1);transition-timing-function:cubic-bezier(.7,0,.2,1)}.link--thebe.hover-effect:before{transform-origin:0% 50%;transform:scale3d(1,2,1);transition-timing-function:cubic-bezier(.7,0,.2,1)}.link--thebe:after{content:"";top:calc(100% + 4px);transform-origin:100% 50%;transform:scale3d(0,1,1);transition:transform .4s .1s cubic-bezier(.2,1,.8,1)}.link--thebe:hover:after{transform-origin:100% 50%;transform:scaleZ(1);transition-timing-function:cubic-bezier(.7,0,.2,1)}.link--thebe.hover-effect:after{transform-origin:100% 50%;transform:scaleZ(1);transition-timing-function:cubic-bezier(.7,0,.2,1)}.nav{z-index:999999;position:fixed;top:0;left:0;display:flex;width:100vw;height:0;transition:all .35s ease-in-out}.nav .ul{position:relative;display:flex;flex-direction:column;align-items:center;margin:0;padding:0}.nav .ul .li{position:relative;margin:0;padding:0;width:var(--li-width);display:flex;justify-content:center;align-items:center;height:0;transition:all .32s;will-change:height}.nav .ul .li.active{height:var(--li-active-height);transition:all .32s;width:var(--li-width);color:var(--nav-li-clr)!important;background-color:var(--nav-li-bgclr);border-bottom:1px solid var(--nav-li-border-clr);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}html.invert .nav .ul .li.active{background-color:#fff;border-bottom:1px solid rgba(55,55,55,.3)}.nav .ul .li .sp{font-size:0}.nav .ul .li.active .sp{font-size:var(--li-text-size)}@keyframes increase-height{0%{height:0}to{height:var(--li-active-height)}}.nav .ul .li a{color:#000!important}.nav .ul .li a:hover{text-decoration:none!important}@media (width <=768px){#invert-button,.nav-menu,.close-icon{width:26px;height:26px}#ul>div.li.active>span>a{font-size:medium}:root{--li-text-size: 1.2em}#nav-icon-2{display:block}#nav-icon{display:none}.ul{justify-content:flex-start;align-items:flex-start}}:root{--right: 40px;--top: 40px;--extra-len: 20px}header{position:fixed;z-index:999999990;box-sizing:border-box;border:1px solid rgba(205,177,163,1);background-color:#f0d4c680;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}header .nav-menu{z-index:var(--svg-z-index);position:relative;width:24px;height:24px;background-color:#ed383800;cursor:pointer;display:flex;justify-content:center;align-items:center}header .close-icon{z-index:var(--svg-z-index);position:relative;width:28px;height:28px;color:#fff;display:none;justify-content:center;align-items:center}#nav-icon-2{display:none}html.invert main.nav-open{filter:blur(5px);transition:all .3s}main.nav-open{filter:blur(5px);transition:all .3s}@media (width > 768px){header{--inner-wide: 100px;--extra-len: 20px;top:calc(var(--top) - 10px);right:calc(var(--right) - var(--extra-len));width:140px;height:46px;border-radius:45px;padding-left:20px;padding-right:20px}}@media (width <=768px){header{--inner-wide: 100px;--extra-len: 20px;top:calc(var(--top) - 10px);right:calc(var(--right) - var(--extra-len));width:100px;height:46px;border-radius:45px;padding-left:10px;padding-right:10px}#invert-button,.nav-menu,.close-icon{width:26px;height:26px}#ul>div.li.active>span>a{font-size:medium}:root{--li-text-size: 1.2em}#nav-icon-2{display:block}#nav-icon{display:none}}::-webkit-scrollbar,::-webkit-scrollbar-track,::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{width:10px!important}#root::-webkit-scrollbar,#root::-moz-scrollbar,#root::-o-scrollbar{width:0!important}body::-webkit-scrollbar,body::-moz-scrollbar,body::-o-scrollbar{width:0!important}html::-webkit-scrollbar,html::-moz-scrollbar,html::-o-scrollbar{width:0!important}*{margin:0;padding:0;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{font:18px/1.3 Content,sans-serif}@media (max-width: 1440px){html{font:14px/1.3 Content,sans-serif}}@media (max-width: 992px){html{font:12px/1.3 Content,sans-serif}}@media (max-width: 768px){html{font:10px/1.3 Content,sans-serif}}#s1{--s1-height: 100vh;height:var(--s1-height);max-height:var(--s1-height);position:relative;box-sizing:border-box;padding-top:18vh}#s1>div>div>p{opacity:0}#s1>div>div>p.appear-gradually{opacity:1;transition:all 1s cubic-bezier(.215,.61,.355,1)}@media screen and (max-width: 768px){#s1>div>div>div>p.introduction{margin-top:10vh}#profileImg{width:90px;height:120px}}.introduction{font-kerning:none}#profileImg{display:flex;align-items:center;justify-content:center;position:absolute;top:5vh;left:30%;z-index:30;background:transparent;width:256px;height:256px;width:210px;height:280px;border-radius:15px;overflow:hidden;transform-origin:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}#profileImg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1540px){#profileImg{top:18vh}}@media screen and (max-width: 768px){#profileImg{top:18vh;width:111px;height:148px}}.college_url{text-decoration:underline;text-decoration-style:dashed;text-decoration-color:#000;text-decoration-thickness:2px}.college_url:hover{text-decoration-style:solid;color:inherit;cursor:url(/images/a2.png),auto}.intro__section{margin-top:0vw}.intro__content{padding-top:100px}@media screen and (max-width: 768px){.intro__content{padding-top:0}}.intro__section .intro__content p{padding:20px 0;line-height:1em;transition:all 1s cubic-bezier(.215,.61,.355,1)}.intro__section .intro__content p.appear-gradually{opacity:1;transition:all 1s cubic-bezier(.215,.61,.355,1)}h2.hero-h2{font-size:12.4vw;line-height:12vw;text-align:right;white-space:nowrap;font-family:Dahlia,title,serif;font-weight:lighter}@media screen and (min-width: 1540px){h2.hero-h2{font-size:12rem;line-height:1}}@media screen and (max-width: 768px){h2.hero-h2{font-size:12vw;line-height:1}}h2.hero-h2 div.disable{opacity:.68;font-size:smaller;line-height:.8}p.hero-p{font-size:60px;font-family:title}@media (max-width: 1540px){p.hero-p{font-size:40px}}@media (max-width: 1140px){p.hero-p{font-size:32px}}@media (max-width: 768px){p.hero-p{font-size:22px}}p.hero-p a,p.hero-p span{font-family:inherit;font-size:inherit;text-transform:inherit}p.is-xs{font:18px/1.3 Content,sans-serif;text-transform:uppercase}@media (max-width: 1440px){p.is-xs{font:14px/1.3 Content,sans-serif}}@media (max-width: 992px){p.is-xs{font:12px/1.3 Content,sans-serif}}.content-center{margin-top:50%}@media (max-width: 768px){.content-center{margin-top:0}}h1{font-family:title,serif;font-weight:lighter;font-size:29.5vw;line-height:29vw;white-space:nowrap;text-align:left}body{width:100%;height:100%;font-family:Content,sans-serif;color:#212121;font-weight:400}@media (max-width: 992px){body .cursor-container{height:14px}}body .unt{pointer-events:none}.col-fix span{display:block}@media (max-width: 768px){.page-home .hero-section .hero-content .sub-three{margin-left:28vw}}@media (max-width: 1440px){.grid.grid-ms{width:768px}.grid.grid-lg{width:970px}}@media (max-width: 1140px){.col-ms-12{width:100%}.col-ms-none{display:none}.grid.grid-lg,.grid.grid-ms{width:768px}}@media (max-width: 992px){.col-s-12{width:100%}.col-s-none{display:none}.grid{position:relative;display:block;margin-left:auto;margin-right:auto}.grid,.grid.grid-lg,.grid.grid-ms{width:85%}.not-mobile{display:none}}span.s3,span.s5,span.s3 span,span.s5 span{display:inline}:root{--padding-left-val: 170px;--left-dist: 60px;--radius: 10px;--institute__data__height: 78px}#s-last{position:relative;height:auto}.academic__container{transform:none}.ins__container{position:relative}.acad__header{margin:0 30px 30px;margin-left:var(--margin-left);font-size:var(--heading-text-size);font-weight:var(--heading-weight)}.acad__list{display:flex;flex-direction:column;gap:0em;margin-top:20px;padding-left:var(--padding-left-val);padding-right:10px;font-size:calc(var(--paragraph-text-size) + .2em);font-weight:200;font-family:MondiaThin,sans-serif}@media screen and (max-width: 767px){.acad__list{padding-left:5rem}}@media screen and (min-width: 768px) and (max-width: 1024px){.acad__list{padding-left:10rem}}@media screen and (min-width: 1025px){.acad__list{padding-left:10rem}}.institute__data strong{font-weight:800}.inst{text-decoration:none}.acad__institutions{border-left:1px solid #000;height:145px;padding-left:var(--left-dist);padding-bottom:30px}.year,.grade{display:inline}.inst{font-size:larger;font-weight:700}.institute__data{position:relative}.ball-pointer{width:calc(var(--radius) * 2);height:calc(var(--radius) * 2);background-color:#000;border-radius:50%;position:relative;top:calc(var(--institute__data__height) * (-1) + var(--radius) * .5);left:calc(((-1) * var(--left-dist)) - var(--radius))}.academics__card__container{position:relative;top:-24vh;left:calc(40% - 4vw);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;justify-content:center}.academics__card__container .acad__card{width:320px;height:180px;border-radius:10px;background-color:var(--card-container-color);overflow:hidden;transform-origin:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:-3px 3px #0003;opacity:0}.academics__card__container .acad__card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px;z-index:15}.academics__card__container .card1{z-index:10;transform:rotate(-5deg)}.academics__card__container .card2{z-index:9;transform:translateY(-20px)}.academics__card__container .card3{z-index:8;transform:rotate(5deg)}.academics__card__container .firstcard2{width:220px;height:220px}.academics__card__container .firstcard1{width:300px;height:220px}.academics__card__container .firstcard1 img{transform:scale(1.3)}.acad__institutions:nth-child(1):hover .firstcard1{transform:rotate(-5deg);opacity:1}.acad__institutions:nth-child(2):hover .secondcard2{transform:translateY(-20px);opacity:1}.acad__institutions:nth-child(2):hover .firstcard3{transition-delay:.05s;transform:translate(-30px) rotate(0);opacity:1}.acad__institutions:nth-child(3):hover .secondcard3{transform:rotate(5deg) translate(30px);opacity:1;width:250px;height:166.5px}.acad__institutions:nth-child(3):hover .secondcard3 img{transform:scale(1.2)}.acad__institutions:nth-child(3):hover .secondcard1{transition-delay:.1s;transform:rotate(-5deg);opacity:1;width:250px;height:166.5px}.acad__institutions:nth-child(3):hover .thirdcard2{transition-delay:.2s;transform:translateY(-20px) translate(-30px);opacity:1;width:250px;height:166.5px}@media screen and (min-width: 1025px){:root{--left-dist: 30px;--radius: 7.5px;--institute__data__height: 75px}.ball-pointer{width:15px;height:15px}}@media screen and (max-width: 1024px){:root{--top-val-b1: 146vh;--padding-left-val: 30px;--left-dist: 30px;--left-val: 35px;--inc: 155px;--radius: 5px;--institute__data__height: 92px}.acad__institutions{height:175px;padding-left:var(--left-dist);padding-bottom:10px;pointer-events:all!important}.hidden{font-size:.6em}#s-last>div>div.acad__list>div{font-size:medium}#academic__header{font-size:xx-large}.academics__card__container{width:0;height:0;opacity:0;display:none}.ball-pointer{width:10px;height:10px;top:calc(var(--institute__data__height) * (-1) + var(--radius) * 1.5 + 26px)}}@media (max-width: 767px){:root{--institute__data__height: 106px;--padding-left-val: 30px;--left-val: 25px;--inc: 85px}.ball-pointer{width:10px;height:10px;top:calc(var(--institute__data__height) * (-1) + var(--radius) * 1.5 + 40px)}.acad__institutions{height:170px;padding-left:30px;padding-bottom:10px}}:root{--card-container-width: 650px;--card-container-height: 400px;--margin-dist: 100px;--card-font-size: 1.3em;--s-list-font-size: 2em}#s2-skills{height:120vh}.d3{position:relative;margin:0}#SK,#SS{border:none}.progress-bar{margin-top:10px;display:flex;height:12px;background-color:var(--bg3);width:100%;border-radius:6px;justify-content:flex-start!important}.growth{display:flex;position:relative;height:100%;width:0%;border-radius:6px;background-color:#00ac94;transition:all .4s ease-out}mark{background-color:#ff0;font-size:larger;border-radius:15px;margin-bottom:1.5rem;font-size:36px;font-family:title,serif;font-weight:lighter}html.invert mark{color:#fff;background:var(--mark-clr)}.exps{padding-top:30px;margin-left:var(--margin-left);margin-top:100px;font-size:var(--heading-text-size);font-weight:var(--heading-weight)}@media (max-width: 768px){.exps{font-size:xx-large}}.skill__container{margin-left:10vw;margin-right:10vw;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,auto);gap:20px;font-family:Mondia,sans-serif;display:none}@media screen and (min-width: 768px){.skill__container{grid-template-columns:repeat(4,1fr)}}.skill__container .skill__box img{display:block;width:60%;height:60%}.skill__box{border-radius:15px;background-color:var(--card-container-color);padding:10px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;font-size:small}@media (width < 1025px){html.invert .progress-bar{background-color:#fff}}.skill-wrapper{margin-top:6vh;display:flex;align-items:center;justify-content:center}#skill-list{box-sizing:border-box;margin:0;padding:0;margin-right:calc(7vw + 60px);margin-left:60px;border-radius:15px;width:600px;font-family:Mondia,sans-serif;font-weight:200;font-size:var(--s-list-font-size);display:flex;flex-direction:column;justify-content:center;align-items:flex-end;position:relative;transition:cubic-bezier(1,0,0,1);opacity:0}.card-container{width:100%;height:100%;padding:0;margin:0;display:flex;justify-content:center;align-items:center;transform:translate(-60vh) rotate(5deg);opacity:0}html.invert .card-container{color:#fff}.card{width:calc(var(--card-container-width) - 20px);height:calc(var(--card-container-height) - 20px);border-radius:30px;background-color:var(--card-container-color);padding:0 30px;display:flex;flex-direction:column;justify-content:center;font-size:var(--card-font-size);border:1px solid rgb(206,180,173)}.card:hover{box-shadow:none}.card:after{content:"";position:absolute;top:4px;width:calc(var(--card-container-width) - 46px);height:calc(var(--card-container-height) - 20px);border:1px solid rgb(206,180,173);border-radius:30px;z-index:-1}html.invert .card{border:1px solid rgb(35,35,35)}html.invert .card:hover{box-shadow:none}html.invert .card:after{border:1px solid rgb(35,35,35)}.inverse2{position:relative;width:100%;z-index:80;padding-right:10px;height:60px;transition:transform .5s ease-out,opacity .5s ease-out;animation:padd .4s forwards;display:flex;align-items:center;justify-content:flex-end;background-color:var(--skill-list-color);border-right:1px solid rgb(246,220,217);border-left:1px solid rgb(226,200,193)}html.invert .inverse2{border-right:2px solid rgb(180,180,180);border-left:1px solid rgb(207,207,207)}.first-x{border-radius:15px 15px 0 0}.lst{border-radius:0 0 15px 15px;border-bottom:1px solid rgb(246,220,217)}@keyframes padd{0%{padding-left:30px}to{padding-left:10px}}.card-elem{display:none;width:65%}.card-elem:nth-child(1){display:block;width:65%}.list-elem.clicked{background-color:#e2c8c1;color:#000}.list-elem.clicked:before{content:"";position:absolute;top:calc(50% - 4px);left:0;width:50%;height:8px;z-index:60;transform:translate(-100%);background-image:url(/icons/la.svg);background-size:contain}.strech{background-color:transparent;font-size:0px;width:0px;transition-duration:.3s}.strech.active{transition-duration:.3s;font-size:30px;width:35px}@media screen and (max-width: 1025px){:root{--card-container-width: 150px;--card-container-height: 350px;--margin-dist: 150px;--card-font-size: .8em;--s-list-font-size: 1.2em}#s2-skills{height:auto}.skill-wrapper{display:none}.skill__container{display:grid}}@media screen and (max-width: 768px){#skill{font-size:xx-large}.progress-bar{height:8px;border-radius:4px}#SS{margin-bottom:3vh}.skill__container .skill__box img{display:block;width:40%;height:40%}}#s3-projects{height:auto}.project-heading-container{position:relative;margin:0;padding-top:0;width:100%}.exp{margin:200px 30px 30px var(--margin-left);font-size:var(--heading-text-size);font-weight:var(--heading-weight)}summary{margin-bottom:10px}details{line-height:1.5rem}.projects-wrapper{box-sizing:border-box;margin-top:6vh;width:-moz-fit-content!important;width:fit-content!important;margin-left:10vw;margin-right:10vw;transition:all .6s cubic-bezier(.075,.82,.165,1)}@media screen and (min-width: 1025px){details{line-height:1.1rem}}@media screen and (max-width: 1024px){#project-heading{font-size:xx-large}.projects-wrapper{margin-top:6vh;margin-left:5vw;margin-right:5vw}}@media screen and (max-width: 768px){.projects-wrapper{margin-top:2vh;margin-left:3vw;margin-right:3vw}}:root{--icon-width: 32px;--icon-height: 32px;--text-color: #fff;--text-color-hover: #fff;--padding-top-contacts: 150px}#s4-contacts{box-sizing:border-box;height:auto}#s5-thanks{height:auto;font-size:1.3em;text-decoration:none!important}.expC{box-sizing:border-box;margin:0;padding:0 30px 0 var(--margin-left);font-size:var(--heading-text-size);font-weight:var(--heading-weight)}.contacts-container{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:space-between;margin-top:6vh;height:55vh;padding-left:70px;padding-right:70px}.adjuster-div{gap:350px}.fs-contacts{height:auto;width:auto;box-sizing:border-box;padding:10px;font-size:1.2rem;font-weight:400;display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.fs-contacts ul li{margin-bottom:1.5rem}.fs-contacts ul li a{display:flex;align-items:center;justify-content:flex-start;gap:15px}.fs-contacts ul li a:hover{color:inherit}.fs-contacts ul li svg{width:1.25rem;height:1.25rem}.download-cv{border:2px solid;font-size:25px;font-family:poppins,sans-serif;font-style:italic;font-size:1.25rem;position:relative;height:45px;width:250px;border-radius:30px;display:flex;justify-content:center;align-items:center}.download-cv a{display:flex;align-items:center;justify-content:center;gap:10px}.download-cv:hover{background-color:#000}.download-cv:hover a{color:#fff}.download-cv a{text-decoration:none;color:#000}.download-cv a:hover{border-bottom:none}.email-box{position:relative;width:600px;height:400px;display:flex;flex-direction:column;justify-content:space-between;border-radius:5px;background-color:transparent}.email-box .question{box-sizing:border-box;padding-left:10px;font-family:poppins,sans-serif;font-size:1.2rem;font-style:italic;transform:translateY(calc(150px - 50%))}.email-box .question .line{width:100%;height:1px;background-color:#000}@media (max-width: 1025px){.email-box .question{font-size:1rem}}.box{box-sizing:border-box;background-color:var(--email-box-color);display:flex;position:relative;width:100%;height:calc(100% - 70px);border-radius:10px;padding:20px;font-size:1.2rem;margin-bottom:10px;overflow:hidden;z-index:999999;display:none}.box label{font-family:poppins,sans-serif;font-size:1rem}.box input{height:30px;width:250px;background-color:var(--input-bg)!important;border-radius:5px!important;border:1px solid black!important;font-size:1rem;display:inline!important}.box input:nth-child(2){width:400px}@media (max-width: 1025px){.box input:nth-child(2){width:250px}}.box textarea{width:100%;height:100px;border-radius:5px;display:block;padding:10px;box-sizing:border-box;font-size:1rem;background-color:var(--text-area-bg);margin-bottom:15px}.box button{background-color:#000;color:#fff;width:150px;border-width:2px}.typed-cursor{opacity:0!important;display:none}.name-and-email-input{gap:.25rem;margin-bottom:15px}.nm,.eml{border:none}.email-btn:hover{background-color:var(--btn-hover-bg)!important;color:#000!important}.box img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:899;transition:all .3s}.btnCon{display:flex;align-items:center;justify-content:center;gap:20px}.back-btn{width:26px;height:26px;background-color:#000;border-radius:50%}.back-btn svg{width:20px;height:20px}@media (width > 600px){.back-btn{width:36px;height:36px}}.hide-this-thing{font-size:0;opacity:0;display:none}#form>div.btnCon>div>img{width:20px;height:20px}@media (max-width: 1025px){:root{--icon-width: 35px;--icon-height: 35px;--text-color: #fff;--text-color-hover: #fff;--padding-top-contacts: 80px}#s5-thanks>div.hidden.show>h1{font-size:xx-large}.contacts-container{height:auto;padding-left:50px;padding-right:50px}#contact-heading{font-size:xx-large}.adjuster-div{gap:5vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.question{width:100%}#email-box>span{font-size:medium}#s4-contacts>div>div.adjuster-div>div.fs-contacts>ul>li>a{font-size:small}#s4-contacts>div>div.adjuster-div>div.fs-contacts>ul>li>a svg{width:20px;height:20px}.email-box{width:auto}.download-cv{border:2px solid;font-size:14px;height:30px;width:200px;border-radius:20px}.box{border-radius:25px}.box label{font-size:1rem}.box input{font-size:.9rem}.box button{width:100px;height:30px}}.cursor{z-index:77;position:fixed;top:150vh;left:0;--size: 120px;width:var(--size);height:var(--size);border-radius:50%;background:#fffcef;transition:all .5s cubic-bezier(0,.02,0,1);transform-origin:center center;mix-blend-mode:difference;pointer-events:none;display:none}@media ((width > 1224px) and (pointer: fine)){.cursor{display:block}}