@charset "UTF-8";html,.custom-page,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.custom-page{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.custom-page .sro{font-size:0;height:0;width:0;padding:0;margin:0}:root{font-size:16px;--color-white: #F1F1F1;--color-untrue-black: #0B0B0B;--color-transparent: #ffffff00;--color-lightpink: #e892f3;--color-darkblue: #1D1B36;--color-darkblue-light: #23204A;--color-purple: #441990;--color-purple-60: #44199099;--color-midpurple: #761679;--color-crystal-purple-base: #A640EA;--color-crystal-purple-reflection: #B762F0;--color-crystal-purple-saturated: #8F2AD4;--color-crystal-orange-base: #DB7827;--color-crystal-orange-reflection: #ED9625;--color-crystal-orange-saturated: #D36F1C;--color-gradient-purple-light: #FC76FA;--color-gradient-purple-deep: #A516FA;--color-gradient-orange-light: #FEC552;--color-gradient-orange-deep: #FF6A1A;--color-orange-faded: #A46C31;--color-orange-faded-dark: #FF6A1A;--color-pink-faded: #9746CE;--color-pink-faded-dark: #A516FA;--color-dark-amethyst-base: #672FA1;--color-dark-amethyst-reflection: #7A4599;--color-dark-amethyst-saturated: #501984;--number-max-container-width: 90rem;--number-max-container-width-extended: 120rem;--number-max-text-width: 45rem;--number-max-button-w: 28rem;--number-projects-max-container-width: 76rem;--number-projects-max-item-width-reduced: 25rem;--number-projects-max-item-width: 28rem;--number-projects-min-item-width: 16rem;--number-tools-max-item-width: 25.25rem;--number-tools-min-item-width: 17.75rem;--number-svg-bg-break: 70rem;--number-padding-little: .125rem;--number-padding-mini: .25rem;--number-padding-small: .5rem;--number-padding-simple: .75rem;--number-padding-medium: 1rem;--number-padding-double: 1.5rem;--number-padding-semiheavy: 2rem;--number-padding-heavy: 3rem;--number-fsize-title: 2.5rem;--number-fsize-subtitle: 2rem;--number-fsize-button: 1.25rem;--number-fsize-small: .75rem;--number-gap-sections: 2rem;--number-gap-containers: 1.5rem;--number-gap-items: .75rem;--number-card-main-radius: 2rem;--number-card-inner-radius: 1.75rem;--number-card-main-stroke-width: .25rem;--number-card-image-ratio: 16/9;--number-inavlink-height: var(--number-padding-heavy);--number-about-logo-size: 8rem;--number-crystal-inavlink-size: 4.5rem;--number-crystal-about-aspect-ratio: 201/53;--url-arrow-l: url(/wp-content/themes/portfolio/public/assets/arrow-l-C4c6zPia.svg);--url-arrow-r: url(/wp-content/themes/portfolio/public/assets/arrow-r-BbK0zhqQ.svg);--anim-inavlink-hover: cubic-bezier(0, .58, .58, 2);--font-fam-text: "Poppins", sans-serif;--font-fam-title: "Montserrat Medium", sans-serif;--font-fam-buttons: "Poppins SemiBold Italic", sans-serif;--color-main-bg: var(--color-white);--color-main-text: var(--color-untrue-black);--color-gradient-top-bg: var(--color-lightpink);--color-logo-left-light: var(--color-gradient-orange-light);--color-logo-left-deep: var(--color-gradient-orange-deep);--color-logo-right-light: var(--color-gradient-purple-light);--color-logo-right-deep: var(--color-gradient-purple-deep);--color-logo-bg: var(--color-white);--color-main-purple-gradient-light: #fff;--color-main-purple-gradient-deep: #fff;--color-main-orange-gradient-light: #fff;--color-main-orange-gradient-deep: #fff}.dark{--color-main-bg: var(--color-darkblue);--color-main-text: var(--color-white);--color-gradient-top-bg: var(--color-purple);--color-alt-card-bg: var(--color-purple-60);--color-main-purple-gradient-light: var(--color-gradient-purple-light);--color-main-purple-gradient-deep: var(--color-gradient-purple-deep);--color-main-orange-gradient-light: var(--color-gradient-orange-light);--color-main-orange-gradient-deep: var(--color-gradient-orange-deep);--color-gradient-bg-orange: var(--color-crystal-orange-saturated);--color-gradient-bg-purple: var(--color-crystal-purple-saturated);--color-gradient-projects-link-1-light: #A516FA66;--color-gradient-projects-link-1-deep: #A46C31CC;--color-gradient-projects-link-2-light: #FF6A1A66;--color-gradient-projects-link-2-deep: #9746CECC;--color-main-button: var(--color-midpurple);--color-main-button-border: var(--color-gradient-purple-deep);--color-gradient-inavlink-end: var(--color-crystal-purple-base);--color-text-alt: var(--color-lightpink);--color-gradient-icon-web-1: var(--color-lightpink);--color-gradient-icon-web-2: var(--color-gradient-purple-deep)}.custom-page{--color-logo-bg: var(--color-main-bg);--color-logo-border: var(--color-gradient-top-bg);--gradient-top-bg: linear-gradient(var(--color-gradient-top-bg), var(--color-main-bg) 65%);--gradient-logo-left: linear-gradient(to right, var(--color-logo-left-light), var(--color-logo-left-deep));--gradient-logo-right: linear-gradient(to left, var(--color-logo-right-light), var(--color-logo-right-deep));--gradient-main-border-1: linear-gradient(30deg, var(--color-main-purple-gradient-light), var(--color-main-purple-gradient-deep) 15%, var(--color-main-orange-gradient-deep) 85%, var(--color-main-orange-gradient-light));--gradient-main-border-2: linear-gradient(150deg, var(--color-main-orange-gradient-light), var(--color-main-orange-gradient-deep) 15%, var(--color-main-purple-gradient-deep) 85%, var(--color-main-purple-gradient-light));--gradient-main-bg-1: linear-gradient(to left, var(--color-gradient-bg-orange), var(--color-gradient-bg-purple));--gradient-main-bg-2: linear-gradient(to right, var(--color-gradient-bg-orange), var(--color-gradient-bg-purple));--gradient-inavlink-r: linear-gradient(to right, var(--color-main-button) 70%, var(--color-gradient-inavlink-end));--gradient-inavlink-l: linear-gradient(to left, var(--color-main-button) 70%, var(--color-gradient-inavlink-end));--gradient-projects-link-1: linear-gradient(to right, var(--color-gradient-projects-link-1-light), var(--color-gradient-projects-link-1-deep) 90%);--gradient-projects-link-2: linear-gradient(to right, var(--color-gradient-projects-link-2-light), var(--color-gradient-projects-link-2-deep) 90%);--gradient-icon-web: radial-gradient(var(--color-gradient-icon-web-1) 60%, var(--color-gradient-icon-web-2) 95%) }@keyframes arrowMove{0%{background-position:left center}to{background-position:var(--number-card-main-radius) center}}@font-face{font-family:Poppins;src:local("Poppins-Regular"),url(/wp-content/themes/portfolio/public/assets/Poppins-Regular-Bnr16EOz.otf) format("opentype")}@font-face{font-family:Poppins SemiBold Italic;src:local("Poppins-SemiBoldItalic"),url(/wp-content/themes/portfolio/public/assets/Poppins-SemiBoldItalic-Dn1WD_Oh.otf) format("opentype")}@font-face{font-family:Montserrat Medium;src:local("Montserrat-Medium"),url(/wp-content/themes/portfolio/public/assets/Montserrat-Medium-5C8I5e8z.otf) format("opentype")}@font-face{font-family:Ubuntu Mono;src:local("UbuntuMono-Regular"),url(/wp-content/themes/portfolio/public/assets/UbuntuMono-R-B5zf1UKa.ttf) format("opentype")}.custom-page{background-color:var(--color-main-bg);color:var(--color-main-text);font-family:var(--font-fam-text)}.custom-page:before{position:absolute;content:"";width:100vw;height:100vh;top:0;left:0;right:0;background-image:var(--gradient-top-bg);z-index:-3}.custom-page p{line-height:1.3}.custom-page main{position:relative;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;gap:var(--number-gap-sections);padding:var(--number-padding-heavy) 0;min-height:100vh}.custom-page main:before{content:"";position:absolute;top:0;left:0;width:100vw;height:100%;z-index:-3;background:url(/wp-content/themes/portfolio/public/assets/bg-crystals-CzpyPrRq.svg) repeat-y center top;background-size:100% auto}.custom-page small{font-size:var(--number-fsize-small);color:var(--color-text-alt);line-height:1.3}h1,h2,h3,h4,h5,h6{font-family:var(--font-fam-title);font-size:var(--number-fsize-subtitle);text-align:center;line-height:1.3}h1{font-size:var(--number-fsize-title)}section,article{display:flex;flex-direction:column;align-items:center;gap:var(--number-padding-simple)}.neon-card,.projects__item{background-image:var(--gradient-main-bg-1);position:relative;border-radius:calc(var(--number-card-main-radius) - (var(--number-card-main-stroke-width)));margin:var(--number-card-main-stroke-width)}.neon-card:before,.projects__item:before{border-radius:var(--number-card-main-radius);width:100%;height:100%;content:"";background-image:var(--gradient-main-border-1);padding:var(--number-card-main-stroke-width);top:calc(-1 * var(--number-card-main-stroke-width));left:calc(-1 * var(--number-card-main-stroke-width));position:absolute;z-index:-1}.neon-card:nth-child(2n),.projects__item:nth-child(2n){background-image:var(--gradient-main-bg-2)}.neon-card:nth-child(2n):before,.projects__item:nth-child(2n):before{background-image:var(--gradient-main-border-2)}.icon{display:block;font-size:0;aspect-ratio:1;min-width:var(--number-padding-semiheavy);background:no-repeat;background-size:contain}.icon__github{background-image:url(/wp-content/themes/portfolio/public/assets/icon-github-1u2FZHeO.svg)}.icon__web{background-image:url(/wp-content/themes/portfolio/public/assets/icon-web-iTuqwYOQ.svg)}.icon__bluesky{background-image:url(/wp-content/themes/portfolio/public/assets/icon-bluesky-nFlVsWWt.svg)}.icon__figma{background-image:url(/wp-content/themes/portfolio/public/assets/icon-figma-gGjo3jmZ.svg)}.button,.tools__button,.form__submit{cursor:pointer;font-family:var(--font-fam-buttons);font-size:var(--number-fsize-button);color:var(--color-main-text);background-color:var(--color-main-button);border:var(--number-padding-little) solid var(--color-main-button-border);transition:transform .2s ease-in-out}.button:hover,.tools__button:hover,.form__submit:hover,.button:focus,.tools__button:focus,.form__submit:focus{transform:scale(1.1)}.empty{margin:auto;padding:var(--number-padding-small) var(--number-padding-simple)}.footer{padding:var(--number-padding-simple) var(--number-padding-medium);background-color:var(--color-main-bg);display:flex;flex-direction:column;gap:var(--number-gap-items)}.footer__container{display:flex;justify-content:flex-start;gap:var(--number-gap-sections);max-width:var(--number-max-container-width)}.footer__nav__container{display:flex;flex-direction:column;gap:var(--number-padding-mini)}.footer__nav__link{color:var(--color-main-text)}.footer__copyright{text-align:center;color:var(--color-text-alt)}.projects{display:flex;flex-direction:column;max-width:var(--number-max-container-width);width:100%;gap:var(--number-padding-medium)}.projects__container{display:grid;gap:var(--number-padding-medium);line-height:0;align-content:space-evenly;justify-items:center;padding:0 var(--number-padding-medium);width:calc(100vw - var(--number-padding-medium) * 2);max-width:calc(100% - var(--number-padding-medium) * 2)}@media (min-width: 48rem){.projects__container{grid-template-columns:repeat(2,1fr);gap:var(--number-padding-double)}}@media (min-width: 78rem){.projects__container{grid-template-columns:repeat(3,1fr)}}@media (min-width: 90rem){.projects__container{margin:auto}}@media (max-width: 48rem){.projects__container--suggest{align-self:start;align-content:start;justify-content:start;grid-auto-flow:column;overflow-x:scroll}.projects__container--suggest .projects__item{width:25rem;max-width:min(var(--number-projects-max-item-width-reduced),85vw)}}.projects__item{position:relative;text-decoration:none;color:var(--color-main-text);display:flex;flex-direction:column;gap:var(--number-padding-mini);text-align:center;min-width:var(--number-projects-min-item-width);max-width:var(--number-projects-max-item-width);width:100%;margin:var(--number-card-main-stroke-width)}.projects__item>*{line-height:normal}.projects__item__title{padding:var(--number-padding-small) var(--number-padding-small) 0}.projects__item__effect{min-width:0;position:absolute;left:0;bottom:0;width:100%;height:var(--number-card-main-radius);transition:background-position .2s ease-out;background:top 5rem left 0 no-repeat var(--gradient-projects-link-1);padding:var(--number-padding-small) 0;border-radius:var(--number-padding-mini) var(--number-padding-mini) var(--number-card-inner-radius) var(--number-card-inner-radius);display:flex;align-items:center;justify-content:center}.projects__item__effect:before{content:"";background:repeat-x center var(--url-arrow-r);transition:width .5ms ease-out;width:0;border-radius:35%;align-self:stretch}.projects__item:hover .projects__item__effect,.projects__item:focus .projects__item__effect{background-position:top 0 left 0}.projects__item:hover .projects__item__effect:before,.projects__item:focus .projects__item__effect:before{width:90%;animation:arrowMove 1s linear infinite}.projects__item__img{border-radius:0 0 var(--number-card-inner-radius) var(--number-card-inner-radius);overflow:hidden;width:100%;height:auto}.projects__item:nth-child(2n) .projects__item__effect{background-image:var(--gradient-projects-link-2)}.filters{align-self:start;padding:0 var(--number-padding-simple)}@media (min-width: 48rem){.filters{padding:0 var(--number-padding-semiheavy)}}.filters__container{display:flex;flex-wrap:wrap;gap:var(--number-padding-small)}.filters__item{text-decoration:none;display:block;color:var(--color-main-text);padding:var(--number-padding-small) var(--number-padding-medium);background:var(--color-main-button);border-radius:var(--number-padding-simple);border:.125rem solid var(--color-main-button-border);font-family:var(--font-fam-buttons);font-size:var(--number-fsize-button)}.inavlink{position:relative;display:flex;justify-content:center;align-items:center;gap:var(--number-padding-small);transition:gap .2s var(--anim-inavlink-hover);transition-timing-function:var(--anim-inavlink-hover);background:var(--number-crystal-inavlink-size) 0 no-repeat var(--gradient-inavlink-l);min-height:var(--number-inavlink-height);color:var(--color-main-text);font-family:var(--font-fam-buttons);text-decoration:none;max-width:var(--number-max-button-w);padding:0 0 0 var(--number-crystal-inavlink-size);margin:0 auto;width:calc(100% - var(--number-crystal-inavlink-size) - var(--number-padding-simple) * 2)}.inavlink:hover,.inavlink:focus{gap:var(--number-padding-double)}.inavlink:before{background:var(--url-arrow-l) no-repeat center;content:"";width:2rem;height:2rem}.inavlink:after{content:"";position:absolute;background:left no-repeat url(/wp-content/themes/portfolio/public/assets/link-crystal-DsBc62Ub.svg);padding:0 0 0 var(--number-crystal-inavlink-size);height:var(--number-inavlink-height);width:0}.inavlink--right{flex-direction:row-reverse;text-align:right;background:calc(-1 * var(--number-crystal-inavlink-size)) 0 no-repeat var(--gradient-inavlink-r);padding:0 var(--number-crystal-inavlink-size) 0 0}.inavlink--right:before{background-image:var(--url-arrow-r)}.inavlink--right:after{right:0}.inavlink--left:after{left:0;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.inavlink__text{padding:0 var(--number-padding-small)}.inavlink__text--underlined{text-decoration:underline}.links{padding:0 var(--number-padding-simple);max-width:var(--number-max-text-width)}.links__div{display:flex;flex-direction:column;gap:var(--number-padding-mini);align-items:start;align-self:stretch}.links__container{display:flex;gap:var(--number-padding-simple);padding:0 var(--number-padding-little);align-items:center;min-height:3.5rem}.links__link{width:var(--number-padding-heavy);padding:0;transition:padding .2s ease-out}.links__link:hover,.links__link:focus{padding:var(--number-padding-mini)}.links__data{align-self:center}.form{width:100%;max-width:var(--number-max-text-width);display:grid;gap:var(--number-gap-sections);padding:var(--number-padding-double) 0;background-color:var(--color-alt-card-bg);border-radius:var(--number-padding-medium)}.form__container{padding:0 var(--number-padding-medium);display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row dense;gap:var(--number-gap-items)}.form__submit{grid-column:span 2;justify-self:center;min-width:50%;background-color:var(--color-main-button);border-radius:var(--number-padding-simple);padding:var(--number-padding-small) var(--number-padding-medium)}.field{display:flex;flex-direction:column;gap:var(--number-padding-small);grid-column:span 2}.field__label{text-align:left;padding:0 var(--number-padding-mini);font-family:var(--font-fam-buttons)}.field__input{border-radius:0;padding:var(--number-padding-mini) var(--number-padding-small);border:var(--number-padding-little) solid var(--color-main-button);background-color:var(--color-gradient-top-bg);color:var(--color-main-text);font-family:var(--font-fam-text);font-size:1rem;width:100%;box-sizing:border-box}.field__input::placeholder{color:var(--color-text-alt);opacity:.7}.field textarea{min-height:7rem}.field__error{color:var(--color-text-alt)}.home{display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:var(--number-padding-semiheavy);min-height:max(80vh,100%);max-width:100vw}.home__title{display:flex;flex-direction:column;align-items:center;gap:var(--number-padding-mini);margin:var(--number-padding-medium);font-size:var(--number-fsize-subtitle);font-family:Ubuntu Mono,code,sans-serif}@media (min-width: 48rem){.home__title{font-size:var(--number-fsize-title)}}.home__logo{background-color:var(--color-logo-bg);border:var(--number-padding-small) solid var(--color-logo-border);width:110%}@media (min-width: 48rem){.home__logo{border-width:var(--number-padding-simple)}}.home__content{padding:0 var(--number-padding-simple);max-width:var(--number-max-text-width);align-self:center}.home__bio{display:flex;flex-direction:column;align-items:center;gap:var(--number-padding-simple);max-width:var(--number-max-container-width)}.home__bio__text{padding:0 var(--number-padding-simple);max-width:var(--number-max-text-width)}.tools__title{display:flex;order:-1}.tools__button{font-size:1.5rem;border-width:var(--number-padding-mini);padding:var(--number-padding-medium) var(--number-padding-double);border-radius:var(--number-padding-double);transition:transform .2s ease-in-out}.tools__button__title{display:flex}.tools__button:hover,.tools__button:focus{transform:scale(1.1)}.tools__container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:0;max-width:var(--number-max-container-width);padding:0 var(--number-padding-simple);overflow:visible;transition:gap .1s ease-out}.tools__container:has(#my-tools:checked){gap:var(--number-padding-simple)}.tools__container:has(#my-tools:checked) .tools__item{display:flex}.tools__container:before,.tools__container:after{width:100vw;overflow:visible;aspect-ratio:var(--number-crystal-about-aspect-ratio);max-width:var(--number-max-container-width-extended);content:"";background-size:cover;z-index:-1}.tools__container:before{background:20% 0 no-repeat url(/wp-content/themes/portfolio/public/assets/crystal-top-BuYVmB5V.svg);margin-bottom:calc(-47% / (var(--number-crystal-about-aspect-ratio)))}.tools__container:after{background:bottom center no-repeat url(/wp-content/themes/portfolio/public/assets/crystal-bottom-CEPeX8EP.svg);margin-top:calc(-50% / (var(--number-crystal-about-aspect-ratio)))}.tools__item{display:none;position:relative;margin-top:var(--number-padding-heavy);padding:var(--number-padding-small);border-radius:var(--number-padding-medium);background-color:var(--color-alt-card-bg);max-width:var(--number-tools-max-item-width);min-width:var(--number-tools-min-item-width)}.tools__item__logo{z-index:-1;position:absolute;top:calc(-1 * (var(--number-padding-heavy)));width:var(--number-about-logo-size);height:var(--number-about-logo-size)}.hidden-checkbox{display:none}#contact{width:100%;display:grid;gap:var(--number-padding-medium);justify-content:center;max-width:var(--number-max-container-width)}@media (min-width: 64rem){#contact{grid-template-columns:1fr 1fr}}#contact .contact{max-width:var(--number-max-text-width);padding:0 var(--number-padding-simple)}#contact .contact__warning{padding:0 var(--number-padding-small)}#contact .contact__warning:before{content:"* "}#contact .contact__success{font-size:1.2rem;padding:var(--number-padding-simple) var(--number-padding-simple);background-color:var(--color-main-button)}.project__container{max-width:var(--number-max-container-width);display:grid;grid-auto-flow:column;gap:var(--number-padding-simple);grid-template-areas:"c" "i";margin:0 auto}.project__img{grid-area:i;aspect-ratio:var(--number-card-image-ratio);object-fit:cover;width:100%;max-width:98vw;justify-self:center;height:auto;border-radius:var(--number-padding-small)}.project__subcontainer{grid-area:c;display:flex;flex-direction:column;gap:var(--number-padding-simple);padding:var(--number-padding-simple) var(--number-padding-small);border-radius:var(--number-padding-medium);background-color:var(--color-alt-card-bg);margin:0 var(--number-padding-simple)}@media (min-width: 64rem){.project__container{grid-auto-columns:1fr 1fr;grid-template-areas:"i c";padding:0 var(--number-padding-simple);gap:var(--number-padding-double)}}@media (min-width: 64rem) and (min-width: 48rem){.project__container:nth-child(2n){grid-template-areas:"c i"}}@media (min-width: 64rem){.project__img{max-width:50vw}.project__subcontainer{margin:auto}}
