@import"https://fonts.googleapis.com/css2?family=Lexend+Exa:wght@100..900&family=Sofia+Sans+Semi+Condensed:ital,wght@0,1..1000;1,1..1000&display=swap";section:has(.contacts){background:var(--dark-color);container-type:inline-size;padding-block-start:1.2rem}.contacts{display:flex;flex-direction:column;align-items:flex-start;gap:.8em;height:100%;.contact{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--gap-base);justify-content:space-between}.radios{display:flex;flex-direction:column;gap:.2em;label{display:flex;align-items:center;gap:1em}}input[type=submit]{padding:.8em 1.25em;width:100%;border-radius:6px;transition:all .2s ease-in;font-family:var(--paragraph-font);font-size:clamp(1rem,.08vw,1.125rem);color:var(--dark-color);background:var(--primary-color);filter:brightness(100%);&:hover{background:var(--light-color)}&:active{scale:.9}}}section:has(.contacts){margin-bottom:0}.contacts{display:flex;flex-direction:column;align-items:flex-start;gap:.8em;.radios{display:flex;flex-direction:column;gap:.4em;label{display:flex;align-items:center;gap:1em}}}@container (width >= 704px){.contacts{flex-direction:row;gap:var(--gap-md);input[type=submit]{width:50%}}}@media only screen and (width>=1440px){section:has(.contacts){background:transparent}}.input-box[data-astro-cid-3feqjc7r]:not(:has(textarea)){position:relative;width:100%;height:45px;border:2px solid var(--neutral-color);border-radius:6px;z-index:1;margin-block-end:.5rem;transition:all .3s ease-in;&[data-astro-cid-3feqjc7r]:focus-within{border:2.5px solid var(--secondary-color);box-shadow:2px 8px 5px color-mix(in srgb,var(--secondary-color) 25%,transparent)}input:not(:placeholder-shown)+label,input:focus+label{background:var(--dark-color);transform:translate(1rem,-.8em)}input[type=email],input[type=text],input[type=password],input[type=number]{position:absolute;color:var(--primary-color);top:50%;left:50%;font-size:1rem;font-family:var(--normal-text);transform:translate(-50%,-50%);padding:.8em 1em;width:98%;height:80%;outline:none;border:1px double var(--neutral-color);border-radius:4px;background:transparent;z-index:4;transition:all .3s ease-in}input:focus{border:1px solid var(--foreground-color)}label{position:absolute;top:0;left:0;padding-inline:.5em;transform:translate(1em,.6em);background:transparent;z-index:5;font-size:1rem;transition:all .3s ease-in}}.input-box[data-astro-cid-3hwamdei]:has(textarea){position:relative;width:100%;min-height:175px;height:100%;border:2px solid var(--neutral-color);border-radius:6px;z-index:1;margin-block-end:.5rem;transition:all .3s ease-in;&[data-astro-cid-3hwamdei]:focus-within{border:2.5px solid var(--secondary-color);box-shadow:2px 8px 5px color-mix(in srgb,var(--secondary-color) 25%,transparent)}textarea:not(:placeholder-shown)+label,textarea:focus+label{background:var(--dark-color);transform:translate(1rem,-.7em)}textarea{position:absolute;color:var(--light-color);top:50%;left:50%;font-family:var(--normal-text);font-size:1rem;transform:translate(-50%,-50%);padding:.8em 1em;width:98%;height:94%;outline:none;border:1px double var(--neutral-color);border-radius:4px;background:transparent;z-index:4;transition:all .3s ease-in}textarea:focus{border:1px solid var(--foreground-color)}label{position:absolute;top:0;left:0;padding-inline:.5em;transform:translate(1em,.6em);background:transparent;z-index:5;font-size:1rem;transition:all .3s ease-in}}.contacts[data-astro-cid-p3bztjcl] p[data-astro-cid-p3bztjcl]{font-weight:500;margin-block-end:.3em;color:var(--secondary-color)}ul[data-astro-cid-hsp7o4g7]>li[data-astro-cid-hsp7o4g7]{list-style:square}section:has(.hero){container-type:inline-size;margin-block-start:1.5rem;padding-block:0}.hero{margin-block-start:11rem;padding:.8rem 1rem;min-height:70svh;height:100%;.right_side{width:100%;margin-inline:auto;text-align:center;max-width:680px}.carousel{margin-inline:auto;margin-block:1.5rem;position:relative;max-width:450px;width:100%;height:100%;.screen{position:absolute;top:4.5%;left:13.2%;width:73.9%;height:60.8%;overflow:hidden;.carousel_outer{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden}.slide{width:100%;height:100%;position:absolute;inset:5;opacity:0;transition:opacity 1s ease}.active{opacity:1}.carousel_inner{padding-block:.8rem;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:.5rem}.image_container{height:80%;aspect-ratio:1/1;img{width:100%;height:100%;object-fit:contain}}.tech_caption{font-family:var(--headings-font);font-size:var(--title-text);color:var(--primary-color);font-weight:700}}img{display:block;width:100%;height:100%;object-fit:cover}}}@container (width >= 767px){a,input[type=submit]{width:fit-content}}@container (width >= 1024px){.textHero{text-align:left}}.certificate{padding-block-end:.8rem}a[data-astro-cid-wmperz2b].projectCard{border:none!important;padding:0;color:var(--neutral-color)!important}#background[data-astro-cid-casskoge],#floating-bg[data-astro-cid-casskoge]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}#background[data-astro-cid-casskoge]{filter:blur(90px);scale:1.7;animation:images 120s ease-in-out infinite alternate}#floating-bg[data-astro-cid-casskoge]{filter:blur(100px);span{position:absolute;height:350px;width:250px;top:50%;left:50%}span:nth-child(1){offset-path:circle(150px at left 50%);background:#5276eeec;animation:background-1 40s linear reverse infinite}span:nth-child(2){offset-path:circle(150px at right 50%);background:#9247f5ec;animation:background-2 40s linear infinite}}@media only screen and (max-width:639px){#background[data-astro-cid-casskoge]{display:none}}@media only screen and (min-width:640px){#floating-bg[data-astro-cid-casskoge]{display:none}}@keyframes background-1{to{offset-distance:100%}}@keyframes background-2{0%{filter:hue-rotate(0)}to{offset-distance:100%;filter:hue-rotate(720deg)}}@keyframes images{0%{transform:rotate(0);opacity:.5}50%{transform:rotate(360deg);opacity:.8}to{transform:rotate(-720deg);opacity:.5}}@font-face{font-family:Astra;src:url(/_astro/logoFont.MAdqVYW4.otf) format("opentype");font-style:normal;font-display:swap}:root{--headings-font: "Sofia Sans Semi Condensed", sans-serif;--paragraph-font: "Lexend Exa", sans-serif;--logo-font: "Astra", sans-serif;--min-vw: 360;--max-vw: 1440;--fluid-progress: clamp(0, calc((100vw - (var(--min-vw) * 1px)) / ((var(--max-vw) - var(--min-vw)) * 1px)), 1);--h1-text: calc(2.5rem + (4rem - 2.5rem) * var(--fluid-progress));--h2-text: calc(1.875rem + (3rem - 1.875rem) * var(--fluid-progress));--h3-text: calc(1.5rem + ( 2.25rem - 1.5rem) * var(--fluid-progress));--title-text: calc(1.25rem + (1.8rem - 1.25rem) * var(--fluid-progress));--logo-text: calc(.8rem + (1.5rem - .8rem) * var(--fluid-progress));--normal-text: calc(.9375rem + (1.125rem - .9375rem) * var(--fluid-progress));--sm-text: calc(.8125rem + (.875rem - .8125rem) * var(--fluid-progress));--gap-base: .75rem ;--gap-md: 1.25rem ;--gap-xl: 2.5rem ;--section-gap: clamp(5rem, 7vw, 6.25rem);--paddings-base: 1rem;--paddings-md: 2rem;--paddings-xl: 4rem;--primary-color: #a0c1ff;--secondary-color: #fccb73;--background-color: #62668b;--foreground-color: #f2f2f2;--neutral-color: #d1d1d1;--dark-color:#2a2a2a;--light-color:#fafafa;--glass-bg-color: rgba(51, 51, 51, .301);--glass-border: 1px solid rgba(211, 211, 211, .185);--glass-filter: blur(6px);--glass-filter-sm: blur(4px);--glass-shadow: 4px 10px 9px rgba(0, 0, 0, .158);--transition-fast: all .2s ease-out}h1,h2,h3{font-family:var(--headings-font);text-transform:capitalize;text-wrap:balance}body{background:var(--background-color);color:var(--neutral-color);font-family:var(--paragraph-font);font-size:var(--normal-text);line-height:calc(var(--normal-text) * 1.5);text-wrap:pretty}h1{font-size:var(--h1-text);line-height:calc(var(--h1-text) * 1.1);letter-spacing:-.03em;color:var(--foreground-color)}h2{font-size:var(--h2-text);color:var(--foreground-color);line-height:calc(var(--h2-text) * 1.3);padding-block-end:calc(var(--h2-text) / 2)}h3{font-size:var(--h3-text);line-height:calc(var(--h2-text) * 1.1);color:var(--light-color)}.title{font-family:var(--headings-font);font-weight:500;font-size:var(--title-text);line-height:calc(var(--title-text) * 1.4);color:var(--primary-color)}.sub-title{font-style:italic;font-weight:600;color:var(--light-color);line-height:calc(var(--normal-text) * 1.5)}.sm-text{font-size:var(--sm-text)}section{max-width:1440px;margin-inline:auto;width:100%;margin-bottom:5rem;padding-inline:var(--paddings-base)}#container{max-width:1920px;margin-inline:auto;width:100%;height:100%}.container{display:flex;align-items:center;flex-direction:column;gap:var(--gap-base);justify-content:space-between}.box{width:100%;height:min-content;padding-inline:var(--paddings-base);padding-block:var(--paddings-base)}.flex-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-base)}.flex-between{display:flex;align-items:center;justify-content:flex-start;gap:var(--gap-base)}.grid-card{display:grid;gap:var(--gap-base);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media only screen and (width>=640px){section{padding-inline:var(--paddings-md)}}@media only screen and (width>=768px){.flex-center{margin-block:1.5rem;text-wrap:nowrap;flex-direction:row;gap:var(--gap-xl)}.grid-card{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--gap-md)}}@media only screen and (width>=1088px){.container{flex-direction:row;gap:var(--gap-xl);justify-content:space-between}.flex-center{justify-content:initial}}@media only screen and (width>=1200px){section{padding-inline:var(--paddings-xl)}.grid-card:not(:has(article)){grid-template-columns:repeat(auto-fit,minmax(370px,1fr));gap:var(--gap-xl)}}*{margin:0;padding:0;box-sizing:border-box}html,body{scrollbar-width:none;scroll-behavior:smooth}#smooth-wrapper{overflow:hidden}#social-bar{display:none}.subTitles{display:flex;flex-direction:column;gap:.25rem}a{text-decoration:none}li{margin-block:.5rem;list-style-type:none;margin-inline-start:1rem}ol{display:flex;gap:.5rem;li{font-size:var(--sm-text);color:var(--secondary-color);margin-inline-start:0;margin-block:.1rem}}.tech-stack{margin-block-start:.4rem}hr{margin-block-end:.8rem}img{width:100%;height:100%;object-fit:cover}button,a{cursor:pointer}#project{perspective:1500px!important}.glass{position:relative;height:100%;background:var(--glass-bg-color);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:6px;overflow:hidden;&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;backdrop-filter:var(--glass-filter)}}section:not(:has(nav)),a:not(.projectCard){a,input[type=submit]{display:block;width:100%;border-radius:4px;padding:.5em 1.25em;transition:all .2s ease-in;border:1px solid transparent;color:var(--dark-color);font-weight:500;background:var(--primary-color)}a.disabled{color:var(--dark-color)!important;border:1px solid var(--background-color)!important}a:not(.solid){color:var(--foreground-color);letter-spacing:-.02em;background:transparent;border:1px solid var(--secondary-color)}a:hover:not(.disabled){color:var(--light-color);border:1px solid transparent;background:var(--dark-color);transition:all .2s ease-out}}.responsive{display:block}.d-only{display:none}article{display:flex;flex-direction:column;justify-content:space-between;gap:var(--gap-base);transition:var(--transition-fast);&:hover.glass{box-shadow:none;border-color:var(--light-color);background:var(--dark-color)}&:hover h3{color:var(--primary-color);transition:var(--transition-fast)}a{background:transparent!important;color:var(--primary-color)!important}&:hover a:not(.projectCard){color:var(--dark-color)!important;background:var(--light-color)!important}}@media only screen and (width>=768px){#social-bar{display:flex;flex-direction:column;gap:.8rem;position:fixed;top:5%;left:1%;width:3rem;height:fit-content;padding-inline:.6rem;padding-block:1rem;z-index:9999;a{color:var(--foreground-color);display:inline-block;width:28px;height:25px;transition:var(--transition-fast)}.git a{&:hover{color:var(--dark-color)}}.facebook a{color:var(--dark-color);&:hover{color:#1877f2}}.linkedin a{color:var(--foreground-color);&:hover{color:#0a66c2}}.email a{filter:saturate(0) brightness(1.8);&:hover{filter:saturate(1) brightness(1)}}.wapp a{color:var(--foreground-color);&:hover{color:#60d669}}}.responsive{display:none}.d-only{display:block}section:not(:has(nav)){a,input[type=submit]{width:fit-content}}}nav{width:100%;padding-block:.8em;display:flex;justify-content:space-between;align-items:center}section:has(nav){padding-block:0}.glass:has(nav){margin-block-start:1.25em;padding:0 1.5rem}nav{width:100%;display:flex;justify-content:space-between;align-items:center;.logo{font-family:var(--logo-font);line-height:tight;font-size:var(--logo-text);color:var(--primary-color)}.menu{position:relative;width:2rem;height:1.1rem;cursor:pointer}.menu>span{position:absolute;width:100%;height:2px;background:#fff;transition:all .3s ease-out;z-index:6}.menu>span.top{top:0;left:0}.menu>span.mid{top:50%;transform:translateY(-50%);left:0}.menu>span.bot{bottom:0;left:0}}#menu:checked~.menu>span{background:#fff}#menu:checked~.menu>span.top{transition:all .2s ease-in;top:50%;transform:translate(-50%,-50%) rotate(45deg);left:50%}#menu:checked~.menu>span.mid{transition:all .2s ease-out;top:50%;transform:translateY(-50%) scale(0);left:0}#menu:checked~.menu>span.bot{transition:all .2s ease-in;top:50%;transform:translate(-50%,-50%) rotate(135deg);left:50%}.nav-wrapper>ul{display:flex;width:100%;gap:2.375rem;align-items:center;justify-content:flex-start}nav>.nav-wrapper{transform:translate(30%);opacity:0;visibility:hidden;display:flex;flex-direction:column;gap:.5rem;justify-content:start;position:fixed;top:0;right:0;width:70%;height:100svh;z-index:5;transition:all .3s ease-in-out;padding-block:4rem;padding-inline:var(--paddings-base);overflow-y:auto;p{text-wrap-style:pretty;font-size:var(--sm-text)}}#menu:checked~.nav-wrapper{opacity:1;visibility:visible;top:0;right:0;transform:translate(0);height:100%;background:var(--dark-color);transition:var(--transition-fast);display:flex;flex-direction:column}.image{width:100%;height:auto;margin-block-start:.8rem}nav>ul>li{margin-bottom:2em}.nav-wrapper li a{color:var(--light-color);display:inline-block;width:24px;height:25px;transition:var(--transition-fast)}.overlay{position:fixed;top:0;left:0;visibility:hidden;width:40%;height:100%;opacity:0}#menu:checked+.overlay{background:var(--dark-color);opacity:.8;visibility:visible;z-index:1;transition:opacity .3s ease-out}@media only screen and (width>=768px){section:has(nav){display:none}}