@import url("https://fonts.googleapis.com/css2?family=Rubik&display=swap");*{--dark-color-primary:#111;--dark-color-secondary:#121212;--primary-color:#39B490;--secondary-color:#02a261;--red-color:#B0363C;--pink-color:#D28AB5;--blue-color:#66dbfb;--white-color-primary:#fff;--white-color-secondary:#dddddd;--selection-color:rgba(57,180,144,0.5);font-family:Rubik,serif;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}:root{scrollbar-color:rgba(210,210,210,.8) rgba(46,54,69,.8)!important;scrollbar-width:thin!important;--scrollbarBg:rgba(46,54,69,0.8);--scrollbarThumb:rgba(210,210,210,0.8);--scrollbarWidth:12px;--scrollbarBorder:3px solid var(--scrollbarBg);--scrollbarBorderRadius:calc(var(--scrollbarWidth) / 2)}::selection{background:var(--selection-color)}::-moz-selection{background:var(--selection-color)}html{scroll-behavior:smooth}body{background-color:var(--dark-color-primary);margin:0;padding:0;box-sizing:border-box;min-height:100vh;overflow-x:hidden}html:not(.dark){background-color:var(--white-color-primary)}.App{height:100%;background-color:#e6e6e6;color:var(--dark-color-primary);overflow:hidden;position:relative;z-index:0}.App:is(.dark *){background-color:#151515;color:var(--white-color-secondary);transition:all .25s;color-scheme:dark}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:ndormal}.grape.page-centered{position:absolute;float:left;top:50vh;left:50%;transform:translate(-50%,-50%)}.grape.fixed{position:fixed}.grape.switch input[type=checkbox]{display:none}.grape.switch input[type=checkbox]:checked+.wrapper{background-color:var(--primary-color)}.grape.switch input[type=checkbox]:checked+.wrapper .thumb{left:19px}.grape.switch .wrapper{background-color:#666;border-radius:10px;width:42px;height:22px;display:flex;align-items:center;cursor:pointer;outline:none}.grape.switch .thumb{background-color:white;border-radius:100%;display:flex;margin-left:4px;position:relative;width:16px;height:16px;left:0;transition:left .1s ease-in-out 0s;justify-content:center;align-items:center}.grape.text.blue{color:#4799af}.grape.text.blue:is(.dark *){color:var(--blue-color)}main{padding:0}.thumb .icon{color:black!important;width:12px;height:12px;position:relative}a{text-decoration:none;color:var(--primary-color)}a.disabled{color:gray!important;pointer-events:none}footer{min-height:60px;background-color:rgb(223,223,223);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow-colored);border-top-left-radius:24px;border-top-right-radius:24px;align-content:center;left:0;right:0}footer,footer .footer-container{position:relative;bottom:0;width:100%}footer .footer-container{height:100%;display:flex;padding-left:10vw;padding-right:10vw;align-items:center;max-width:1620px;justify-content:space-between;margin-left:auto;margin-right:auto;--ring-shadow:inset 0 0.5px 0 0.5px rgb(180 180 180/.3)}footer:is(.dark *){background-color:rgb(22,22,22);--ring-shadow:inset 0 0.5px 0 0.5px rgb(63 63 70/.3)}@media (max-width:666px){footer .footer-container{display:block;text-align:center}.meow{display:none}}menu,ol,ul{list-style:none;margin:0;padding:0}.grape.button{background-color:whitesmoke;color:var(--dark-color-primary)!important;padding:12px 18px;border-radius:10px;cursor:pointer}.grape.button.primary{background-color:var(--primary-color)}.grape.button.disabled{background-color:gray;color:#111!important}.grape.inline-block{display:inline-block}*,:after,:before{box-sizing:border-box;border:0 solid #e4e4e7}.grape.header{position:fixed;top:40px;left:0;right:0;z-index:10;pointer-events:none}.grape.header .container{padding-left:20px;padding-right:20px;display:flex;margin-left:auto;margin-right:auto;width:100%;height:100%}@media (min-width:1280px){.grape.header .container{max-width:1280px}}*{--ring-offset-shadow:inset 0 0 0 0px #fff;--ring-shadow:inset 0 0 0 1px rgb(180 180 180/.3);--shadow-color:rgb(0 0 0/.2);--shadow-colored:0 20px 25px -5px var(--shadow-color),0 8px 10px -6px var(--shadow-color)}.grape.header nav,.nav-logo{background-color:rgba(180,180,180,.5);border-radius:9999px;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:inline-flex;align-items:center;box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow-colored);height:46px}.grape.header nav:is(.dark *),.nav-logo:is(.dark *){background-color:rgba(34,34,34,.5);--ring-shadow:inset 0 0 0 1px rgb(63 63 70/.3)}.grape.header .nav-right.collapse{display:none}.grape.header .nav-left{padding-left:.875rem;padding-right:.875rem;margin-left:auto}.grape.header .nav-right{padding-left:.75rem;padding-right:.75rem;margin-left:1rem;align-items:baseline}.grape.header .nav-link{padding:.75rem .875rem;align-self:center;cursor:pointer;transition:color .25s}.grape.header a.nav-link:hover{color:var(--primary-color)}i.gamejolt,img,svg{vertical-align:middle}i.gamejolt{display:inline-flex;background-color:var(--dark-color-primary);width:16px;height:16px;mask-image:url(https://s.gjcdn.net/assets/5a9e575e.png);-webkit-mask-image:url(https://s.gjcdn.net/assets/5a9e575e.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;transition:background-color .25s}i.gamejolt:is(.dark *){background-color:var(--white-color-secondary)}.grape.header a.nav-link:hover>i.gamejolt{background-color:var(--primary-color)}i.scroll{position:absolute;background-color:var(--dark-color-primary);width:32px;height:32px;mask-image:url(/Images/Scroll.svg);-webkit-mask-image:url(/Images/Scroll.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;left:50%;bottom:0;--translate-scroll:translate(-50%,-50%);transform:var(--translate-scroll);opacity:.4}i.scroll:is(.dark *){background-color:var(--white-color-secondary)}.header .nav-logo{background-color:rgba(180,180,180,.5);border-radius:9999px;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:inline-flex}.header .nav-logo:is(.dark *){background-color:rgba(34,34,34,.5)}.header .nav-logo img{border-radius:100%;border:2px solid rgba(34,34,34,.2);width:42px;height:43px}.header .nav-logo img:is(.dark *){border-color:rgba(180,180,180,.2)}.header .nav-logo span{margin-left:10px;align-items:center;display:flex;padding-top:.75rem;padding-bottom:.75rem;align-self:center;padding-right:15px}header a{color:var(--dark-color-primary)}header a:is(.dark *){color:var(--white-color-secondary)}.grape.top.section{padding-top:4rem;padding-left:2rem;padding-right:2rem;overflow:hidden;align-items:flex-start;min-height:75vh;position:relative;height:auto;z-index:1}.grape.section.about,.grape.top.section{flex-direction:column;display:flex;margin-left:auto;margin-right:auto;width:100%}.grape.section.about{padding-left:1rem;padding-right:1rem;gap:2rem;min-height:500px;margin-top:50px}.grape.section.about .grape.flex{display:flex;gap:2rem;flex-direction:column}@media (min-width:1024px){.grape.section.about .grape.flex{flex-direction:row}}.grape.section.about .grape.container{box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow-colored)}.grape.section.about .grape.container:is(.dark *){--ring-shadow:inset 0 0 0 1px rgb(63 63 70/.3)}.grape.section.about .grape.container.grape.left{flex:1 1}.grape.section.about .grape.container.grape.left,.grape.section.about .grape.container.right{border-radius:1rem;position:relative;padding:2rem}.about h2{margin:0 0 25px}.grape.container.left h2{margin-bottom:5px}.about p{margin-bottom:0;font-size:18px;line-height:1.6}.about p:is(.dark *){color:#888}.grape.section.about .grape.container{background-color:rgb(223,223,223)}.grape.section.about .grape.container:is(.dark *){background-color:rgb(22,22,22)}.grape.section.about .grape.right{min-width:22%}.pony{margin-top:40px;display:flex;justify-content:center}.grape.background.zoomed:after{opacity:0}.grape.background:after{position:absolute;top:0;left:0;z-index:0;width:100%;height:140vh;content:"";background-size:cover;opacity:.45;--bg-color-mask:var(--white-color-primary);-webkit-mask-image:linear-gradient(to bottom,var(--bg-color-mask) 70%,transparent 100%);mask-image:linear-gradient(180deg,70%,transparent);-webkit-mask-composite:destination-in;mask-composite:intersect}.grape.background:is(.dark *){--bg-color-mask:var(--dark-color-primary)}.grape.background{--bg-dark-gradient:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1))}.grape.background:is(.dark *){--bg-dark-gradient:linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8))}.grape.background.bg1:after{background-image:var(--bg-dark-gradient),url(https://semantic-ui.com/images/backgrounds/13.jpg)}.grape.background,.grape.background:after{transition:background 6s cubic-bezier(.68,-.55,.265,1.4) 0s,opacity 6s cubic-bezier(.68,-.55,.265,1.4) 0s}.grape.top.section .leftBlock{max-width:42rem}.grape.top.section .rightBlock{padding:2.5rem;flex-shrink:0;margin-left:-2rem;order:-1;position:relative}.grape.top.section .rightBlock .imageBlock{overflow:hidden;width:6rem;height:6rem;position:relative;display:block}.welcomeText{font-size:2.3rem;margin:0}.welcomeText.cutie{background:linear-gradient(90deg,#03c474 20%,#02a261 50%,#39b490 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:500% auto;animation:Shine 2s ease infinite}@keyframes Shine{0%{background-position:0 50%}to{background-position:100% 50%}}.leftBlock .descText{line-height:1.6;font-size:1.15rem}@media (min-width:640px){.grape.projects .title,.grape.section{max-width:640px}.grape.section.about{padding-left:5rem;padding-right:5rem}.grape.top.section{height:100vh}}@media (min-width:768px){.grape.projects .title,.grape.section{max-width:768px}.welcomeText{font-size:3rem}}@media (min-width:1024px){.grape.top.section{align-items:center;flex-direction:row;justify-content:space-between}.grape.projects .title,.grape.section{max-width:1024px}.grape.top.section .rightBlock{padding:5rem;margin-left:0;margin-right:-5rem;order:1}.grape.top.section .rightBlock .imageBlock{width:18.75rem;height:18.75rem}.grape.section.about{max-width:1280px}}@media (min-width:1280px){.grape.section.about{max-width:1280px}}@media (min-width:1400px){.grape.section.about{max-width:1400px}}@media (max-width:1024px){.pony,i.scroll{display:none}.grape.projects .title{display:flex!important;justify-content:center}.xen-funny{right:47%!important;width:8px!important;height:8px!important}}@media (max-width:768px){.grape.project .info .content,.grape.project .info .image{width:100%!important}.grape.project .info{margin-left:1em!important;margin-right:1em!important}}.DropdownMenuContent,.DropdownMenuSubContent{flex:1 1;z-index:10;display:flex;flex-direction:column;padding:8px;box-sizing:border-box;background-color:rgba(180,180,180,.5);border-radius:8px;box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow-colored);animation:all .2s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.RightSlot{margin-left:auto;padding-left:10px}.DropdownMenuContent:is(.dark *),.DropdownMenuSubContent:is(.dark *){background-color:rgba(34,34,34,.5);--ring-shadow:inset 0 0 0 1px rgb(63 63 70/.3)}.DropdownMenuContent[data-side=top],.DropdownMenuSubContent[data-side=top]{animation-name:slideDownAndFade}.DropdownMenuContent[data-side=right],.DropdownMenuSubContent[data-side=right]{animation-name:slideLeftAndFade}.DropdownMenuContent[data-side=bottom],.DropdownMenuSubContent[data-side=bottom]{animation-name:slideUpAndFade}.DropdownMenuContent[data-side=left],.DropdownMenuSubContent[data-side=left]{animation-name:slideRightAndFade}.DropdownMenuCheckboxItem,.DropdownMenuItem,.DropdownMenuRadioItem,.DropdownMenuSubTrigger{display:flex;align-items:center;color:var(--white-color-primary);gap:8px;height:32px;padding-left:12px;padding-right:12px;box-sizing:border-box;position:relative;outline:none;scroll-margin:8px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;color:var(--dark-color-primary);transition:color .25s}.DropdownMenuItem:is(.dark *){color:var(--white-color-primary)}.DropdownMenuLabel{padding-left:25px;font-size:12px;line-height:25px;color:var(--mauve-11)}.DropdownMenuSeparator{height:1px;background-color:var(--violet-6);margin:5px}a.DropdownMenuItem{color:var(--dark-color-primary);transition:color .25s}a.DropdownMenuItem:is(.dark *){color:var(--white-color-primary)}a.DropdownMenuItem:hover{color:var(--primary-color)}.DropdownMenuArrow{fill:rgba(180,180,180,.5)}.DropdownMenuArrow:is(.dark *){fill:rgba(34,34,34,.5)}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}.meow{color:white;opacity:.02;font-size:smaller}.skills>:not([hidden])~:not([hidden]){margin-top:1rem;margin-bottom:1rem}.skills{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style:none;max-width:320px}.skills .item{align-items:center;display:flex;flex:0 0 50%;box-sizing:border-box}.skills .item .picture{width:40px;height:40px;border-radius:100%}.skills .item .grape.info{margin-left:10px;font-size:14px;width:100%;position:relative}.skills .item .grape.info .name{display:flex;font-weight:800}.skills .item .grape.info .subname{margin-top:5px}.grape.container_one{background-color:var(--white-color-primary);border-bottom-right-radius:2rem;border-bottom-left-radius:2rem;padding-bottom:80px}.grape.container_one:is(.dark *){background-color:var(--dark-color-primary)}.grape.section.projects{flex-direction:column;display:flex;margin-left:auto;margin-right:auto;height:auto;padding-top:0;margin:0;position:relative;right:0;width:100%;max-width:100%}.grape.projects .title{position:relative;width:100%;top:-28px;z-index:2;display:inline;margin:0 auto -51px}.grape.projects .title h1{margin:0;font-size:30px;padding:10px 22px 5px;width:-moz-fit-content;width:fit-content;background-color:var(--white-color-primary);border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.grape.projects .title h1:is(.dark *){background-color:var(--dark-color-primary)}*{--height-project:500px}.grape.project{position:relative;right:0;padding:0;min-height:var(--height-project);width:100%;overflow:hidden;display:flex;justify-content:center}.grape.project:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.grape.project{color:var(--white-color-primary)}.grape.project:before{border-top-right-radius:2rem;border-top-left-radius:2rem}.grape.project:first-child:before{border-top-right-radius:0;border-top-left-radius:0}.grape.project.ltf:before{background:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8)),url(/Images/ltf-moment.webp);background-repeat:no-repeat;background-size:cover;background-position:50%}.grape.project.hncod:before{background:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8)),url(https://m.gjcdn.net/fireside-post-image/1280/12183221.webp);background-repeat:no-repeat;background-size:cover;background-position:50%}.grape.project.usource:before{background:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8)),url(/Images/usource_bg.webp);background-repeat:no-repeat;background-size:cover;background-position:50%}.list .grape.project{margin-top:-2rem;margin-bottom:0}.list .grape.project .info{align-self:center;margin-bottom:2rem}.list .grape.project:first-child .info{align-self:center;margin-bottom:0;padding-top:4rem;padding-bottom:4rem}.list .grape.project:first-child{margin-top:-2rem;border-radius:0;min-height:calc(var(--height-project) + 2rem)}.list .grape.project:last-child{margin-bottom:-2rem}.grape.project .info{display:flex;flex-flow:row wrap;align-items:stretch;padding:2rem 0;margin-left:auto;margin-right:auto;width:calc(933px + 19rem)}.grape.project .info .image{position:relative;display:inline-block;width:6.25%;padding:1rem;vertical-align:top;width:50%}.grape.project .info .image img{object-fit:cover;height:340px;display:block;position:relative;display:inline-block;max-width:100%;border-radius:1rem}.grape.project .info .content{width:50%;position:relative;display:inline-block;padding:1rem;vertical-align:top}.grape.project .info .content h1{font-size:48px;margin-top:15px;margin-bottom:10px}.grape.project .info .content p{line-height:24px}.container.sidebar{padding-right:0!important}.container.sidebar.visible{background:rgb(255 255 255/.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:auto;width:150px;padding-left:0;padding-right:0;border-top-left-radius:20px;border-bottom-left-radius:20px;padding-top:20px;visibility:visible}.container.sidebar.visible:is(.dark *){background:rgb(34 34 34/.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media (max-width:810px){.grape.header .container.sidebar{visibility:hidden}.grape.header .nav-right.collapse{display:flex;margin-left:auto!important;align-self:center}.grape.header .container.sidebar{transition:margin .25s;display:block;position:fixed;right:0;top:40px;margin-right:-180px}.grape.header .container.sidebar.visible{visibility:visible;margin-right:0}}.menu .nav-link{padding-left:0!important;padding-right:0!important}.menu svg{font-size:24px;transition:margin .25s}.container.sidebar.visible nav{background:none;box-shadow:none;display:grid;height:auto;padding:0;margin-left:20px;border-radius:0;border-top-left-radius:20px;border-bottom-left-radius:20px;-webkit-backdrop-filter:none;backdrop-filter:none}.container.sidebar.visible nav.nav-right{display:flex;justify-content:center;align-items:center;position:relative;margin:30px 0 5px 8px}.container.sidebar.visible nav.daynight{display:none}.App.dummed:after{content:"";transition:bg 1s;z-index:9;background-color:rgba(0,0,0,.8);position:fixed;top:0;width:100vw;height:100vh}.menu{transition:margin .25s}.App.dummed.sidebar .menu{margin-right:140px}.App.dummed.sidebar .nav-logo{display:none}.xen-funny{width:10px;height:10px;position:absolute;top:35%;right:49%;cursor:pointer}.expandable-text{height:var(--collapsed-height);overflow:hidden;position:relative;transition:height .5s ease}.expandable-text:after{content:"";position:absolute;bottom:0;left:0;right:0;height:300px;background:linear-gradient(180deg,rgba(223,223,223,0),rgb(223,223,223));pointer-events:none;transition:opacity .5s ease}.expandable-text:is(.dark *):after{background:linear-gradient(180deg,rgba(22,22,2,0),rgb(22,22,22))}.expandable-text.expanded:after{opacity:0}.expand-button{margin-top:15px;margin-bottom:-15px;position:relative;justify-self:center;display:flex;background-color:rgb(190,190,190);color:#000;border:none;padding:7px;font-size:24px;cursor:pointer;border-radius:100%}.expand-button:is(.dark *){background-color:rgb(33,33,33);color:#fff}.expand-button:hover{background-color:var(--primary-color)}.margin-button{margin-left:10px}