@font-face{font-family:PrimaryTextFont;src:url(/assets/fonts/PrimaryTextFont.woff2);font-display:swap}@font-face{font-family:LogoFont;src:url(/assets/fonts/LogoFont.woff2);font-display:swap}@font-face{font-family:MenuFont;src:url(/assets/fonts/MenuFont.woff2);font-display:swap}@font-face{font-family:Roboto;src:url(/assets/fonts/Roboto.woff2);font-display:swap}@font-face{font-family:HeadingFont;src:url(/assets/fonts/HeadingFont.woff2);font-display:swap}@font-face{font-family:IconSetFont;src:url(/assets/fonts/IconSetFont.woff2);font-display:swap}*,::before,::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--color-main:#F5F5F5;--color-base:#000;--color-accent:#82578B;--transition-duration-short:.5s;--transition-duration-long:.8s;--center-align-width:94%;--center-align-width-max:87.5rem;--fallback-fonts:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html{scroll-behavior:smooth}body{user-select:none;color:var(--color-main);background:var(--color-base)}a,label,input,button,textarea{display:block}a,input,button,textarea{font:inherit;color:inherit;outline:none;background:none;border:none}button,input[type='submit']{cursor:pointer}a{text-decoration:none}ul{list-style:none}.icon{speak:never;font:normal normal normal 1.875rem IconSetFont;text-transform:none;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon>[class^='p']{float:left}.icon>[class='p1']~*{margin-left:-1em}[class*='ff-']{font-family:var(--ff-name),var(--fallback-fonts)}.ff-primary{--ff-name:PrimaryTextFont}.ff-secondary{--ff-name:Roboto}.ff-logo{--ff-name:LogoFont}.ff-menu{--ff-name:MenuFont}.ff-heading{--ff-name:HeadingFont}.fs-bs{font-size:1rem}.fs-md{font-size:1.4rem}.fs-lg{font-size:1.8rem}.fs-xl{font-size:2.4rem}.fs-xlx{font-size:3.2rem}.fw-bd{font-weight:600}.fw-md{font-weight:500}.fw-lt{font-weight:400}.text-center{text-align:center}.flex{display:flex}.f-column{flex-direction:column}.a-center{align-items:center}.j-space-btwn{justify-content:space-between}.alert-message{padding:1.5rem;color:#664d03;max-width:500px;margin:2rem auto;background:#fff3cd;border:1px solid #ffecb5;border-radius:.5rem}.alert-message__title,.alert-message__description{margin:0 0 .5rem}.alert-message__link{text-decoration:underline}.aos{opacity:0;visibility:hidden;transition:var(--transition-duration-long) ease-in-out}.aos[data-animation-active='true']{opacity:1;visibility:visible;transform:translate(0)!important}.primary-container{width:var(--center-align-width);max-width:var(--center-align-width-max);margin-inline:auto}.section{position:relative;padding:3rem 0 5rem;scroll-padding-top:5rem}.section::before,.section::after{content:'';position:absolute;height:4rem;width:100%}.section::before{background:linear-gradient(var(--color-base) 50%,transparent);top:-.063rem}.section::after{background:linear-gradient(transparent 50%,var(--color-base));bottom:-.063rem}.section-bg{background:hsl(from var(--color-base) h s l / .5) var(--bg-url) center / cover;background-blend-mode:multiply}.section-heading{margin-block:4rem}.primary-header{position:fixed;top:0;z-index:9999;width:100%;height:var(--header-height);background:transparent;transition:height var(--header-transition);--header-height:6.3rem;--header-transition:var(--transition-duration-short) ease-in-out}.primary-header[data-header-active='true'],.primary-header[data-header-scrolled='true']{--header-height:5rem}.primary-header::before,.primary-header::after{content:'';position:absolute}.primary-header::before{inset:0;z-index:-1;transition:var(--header-transition);backdrop-filter:blur(0) contrast(100%)}.primary-header[data-header-scrolled='true']::before{background:hsl(from var(--color-base) h s l / .1);backdrop-filter:blur(1.25rem) contrast(200%)}.primary-nav__list{gap:1.25rem}.menu-toggler-btn{position:relative;height:2.188rem;width:2.188rem;display:none}.menu-toggler-btn::before,.menu-toggler-btn::after{content:'';position:absolute;left:0;width:100%;height:.125rem;border-radius:.25rem;background:currentcolor;transition:top var(--header-transition)}.menu-toggler-btn::before{top:.625rem;--rotate:45deg}.menu-toggler-btn::after{top:1.313rem;--rotate:-45deg}.menu-toggler-btn[data-button-clicked='true']::before,.menu-toggler-btn[data-button-clicked='true']::after{animation:animate-toggle-btn .2s var(--header-transition) forwards;top:.969rem}@keyframes animate-toggle-btn{to{transform:rotate(var(--rotate))}}@media screen and (max-width: 800px){.primary-header[data-header-active='true']::before{background:var(--color-base)}.primary-header::after{inset:calc(100% - .063rem) 0 auto 50%;width:0;height:.063rem;background:currentcolor;transform:translateX(-50%);transition:var(--header-transition);opacity:.3}.primary-header[data-header-active='true']::after{width:100%}.primary-nav{position:absolute;inset:100% 0 auto 0;height:0;background:hsl(from var(--color-base) h s l / 0);transition:var(--header-transition);visibility:hidden;overflow:hidden;opacity:0}.primary-nav[data-menu-active='true']{height:calc(100dvh - var(--header-height));background:hsl(from var(--color-base) h s l / 1);visibility:visible;overflow:auto;opacity:1}.primary-nav__list{width:var(--center-align-width);margin:1.875rem auto;flex-direction:column;align-items:flex-start;gap:1.875rem}.primary-nav__list-item-link{transition:var(--header-transition) var(--delay);transform:translateX(6.25rem);visibility:hidden;opacity:0}.primary-nav__list-item-link[data-link-active='true']{transform:translateX(0);visibility:visible;opacity:1}.menu-toggler-btn{display:block}}main{position:relative;z-index:998}.hero-section{min-height:clamp(40rem,100vh,50rem);--bg-url:url(/assets/images/1.webp)}.cta-button-group{gap:.5rem;margin-top:1.3rem}.cta-button{padding:.625rem 1.25rem;border:.063rem solid currentcolor;border-radius:.438rem}.cta-button--primary{border-color:var(--color-accent);background:var(--color-accent)}.about-section{--bg-url:url(/assets/images/2.webp)}.identity-block__description{width:78%;margin:0 auto 2.5rem}.identity-block__details-item{width:max-content;margin:1.5rem auto 0;transform:translateY(100%)}.identity-block__details-item span{opacity:.6}@media screen and (max-width:1180px){.identity-block__description{width:80%}}@media screen and (max-width:1110px){.identity-block__description{width:100%}}@media screen and (max-width:460px){.identity-block__description{text-align:justify;text-align-last:center}}.skills-section{background-attachment:fixed;--bg-url:url(/assets/images/3.webp)}@supports (-webkit-overflow-scrolling: touch){.skills-section{background-attachment:scroll;--bg-url:url(/assets/images/3_ios.gif)}}.skills-grid{display:grid;grid-gap:.313rem;grid-template-columns:repeat(2,1fr);overflow:hidden}.skills-grid__item{padding:.78rem 0;backdrop-filter:blur(1.25rem) saturate(200%);background:hsl(from var(--color-base) h s l / .5);border:.031rem solid hsl(from currentcolor h s l / .2);border-radius:.313rem;transform:translate(50%,100%)}.skills-grid__item:nth-child(odd){transform:translate(-50%,100%)}.skills-grid__item-icon{margin-bottom:1rem}.skills-grid__item-text{display:block}.contact-section{--bg-url:url(/assets/images/4.webp)}.contact-form{gap:1.3rem;width:60%;margin:4rem auto 0}@media screen and (max-width:850px){.contact-form{width:80%}}@media screen and (max-width:700px){.contact-form{width:100%}}.contact-form__input{padding:.938rem;transform:translateY(50%)}.contact-form__input--text{background:hsl(from var(--color-base) h s l / .1);border:.063rem solid currentcolor;box-shadow:inset 0 0 1.875rem hsl(from var(--color-base) h s l / .4)}.contact-form__input--text::placeholder{color:inherit;letter-spacing:.031rem}.contact-form__input--text::selection{color:var(--color-main);background:var(--color-base)}.contact-form__textarea{height:10rem;resize:none}.contact-form__submit-btn{width:8rem;color:var(--color-base);background:var(--color-main);align-self:flex-end}.primary-footer{position:sticky;z-index:997;bottom:0;height:16rem;background:var(--color-base);transition:var(--transition-duration-short) ease-in-out;visibility:hidden;opacity:0;transform:scale(.950)}.primary-footer[data-footer-active='true']{visibility:visible;transform:scale(1);opacity:1}.primary-footer__email-link{margin-bottom:3rem}.icon-mail:before{content:'\e900';background:linear-gradient(#F5F5F5,#818181,#F5F5F5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;text-fill-color:transparent;background-clip:text}.icon-html:before{content:'\e901';color:#e44d26}.icon-css:before{content:'\e902';color:#1572b6}.icon-sass:before{content:'\e903';color:#cb6699}.icon-tailwind:before{content:'\e904';color:#38bdf8}.icon-bootstrap:before{content:'\e905';color:#563d7c}.icon-js .p1:before{content:'\e906';color:#f0db4f}.icon-js .p2:before{content:'\e907';color:#323330}.icon-react:before{content:'\e908';color:#61dafb}.icon-nodejs:before{content:'\e909';color:#5fa04e}.icon-express:before{content:'\e90a';color:#fff}.icon-mongodb:before{content:'\e90b';color:#4faa41}.icon-postgresql:before{content:'\e919';color:#336791}.icon-php:before{content:'\e90c';color:#777bb3}.icon-sql:before{content:'\e90d';color:#fff}.icon-mysql:before{content:'\e90e';color:#00618a}.icon-wordpress:before{content:'\e90f';color:#494949}.icon-c:before{content:'\e910';color:#03599c}.icon-git:before{content:'\e911';color:#f34f29}.icon-github:before{content:'\e912';color:#fff}.icon-figma .p1:before{content:'\e913';color:#0acf83}.icon-figma .p2:before{content:'\e914';color:#a259ff}.icon-figma .p3:before{content:'\e915';color:#f24e1e}.icon-figma .p4:before{content:'\e916';color:#ff7262}.icon-figma .p5:before{content:'\e917';color:#1abcfe}.icon-vscode:before{content:'\e918';color:#007acc}