@font-face{font-family:Jost;src:url(/assets/font/Jost/Jost-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Jost;src:url(/assets/font/Jost/Jost-Italic-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}:root{--header-height:3.5rem!important;--first-color:#4169e1;--first-color-dark:#4c6fd6;--first-color-light:#a8beff;--title-color:#3f3a64;--text-color:#696969;--body-color:#fff;--container-color:#f9f6fe;--border-color:#dedede;--white:#fff;--body-font:"Jost",sans-serif;--big-font-size:3rem;--h1-font-size:2.5rem;--h2-font-size:2.25rem;--h3-font-size:1.5rem;--larger-font-size:1.2rem;--large-font-size:1.125rem;--weight-300:300;--weight-400:400;--weight-600:600}#day-night:checked~*{--title-color:#dedede;--text-color:#b0b0b0;--body-color:#0b0d0e;--container-color:#121516;--border-color:#333}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,button,html,input,main,textarea{font-family:var(--body-font);font-size:var(--large-font-size)}body,main{background-color:var(--body-color)}main{color:var(--text-color)}button,input,textarea{outline:none;border:none;background-color:transparent}h1,h2,h3{color:var(--title-color);font-weight:var(--weight-600)}ul{list-style:none}a{text-decoration:none}img{max-width:100%}.container{max-width:1200px;margin-inline:auto;padding-inline:1rem}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.section{padding-block:6rem}.section__title{font-size:var(--h1-font-size);font-weight:var(--weight-400);line-height:1.2;margin-bottom:1.5rem}.section__title:before{content:attr(data-title);display:block;color:var(--first-color);font-size:var(--large-font-size);font-weight:var(--weight-600);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.title-center{text-align:center;margin-bottom:3rem}input[type=checkbox],input[type=radio]{display:none}.style__switcher{position:fixed;right:0;bottom:20%;padding:1rem;width:220px;border:1px solid var(--border-color);background-color:var(--container-color);border-radius:.5rem;z-index:1000;transform:translateX(100%);transition:all .3s ease}#toggler:checked~.style__switcher{transform:translateX(0)}.style__switcher-theme,.style__switcher-toggler{position:absolute;right:110%;color:var(--title-color);background-color:var(--body-color);border:1px solid var(--border-color);height:48px;width:48px;border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:all .3s ease}.style__switcher-toggler{top:7%}.style__switcher-theme{bottom:7%}#day-night:checked~* .fa-sun,.style__switcher-theme .fa-moon{display:none}#day-night:checked~* .fa-moon{display:block}.style__switcher-title{font-size:var(--large-font-size);margin-bottom:.75rem}.style__switcher-colors{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.5rem;gap:.5rem}.style__switcher-colors .color{height:30px;width:30px;border-radius:50%}.color-1{background-color:#6856ae}.color-2{background-color:#ec1838}.color-3{background-color:#8a2ce2}.color-4{background-color:#4169e1}.color-5{background-color:#d9a520}.color-6{background-color:#ef6293}.color-7{background-color:#99cd32}.color-8{background-color:#fa5a0f}.color-9{background-color:#72b526}.color-10{background-color:#ffb300}#color-1:checked~*{--first-color:#6856ae;--first-color-dark:#6f63a1;--first-color-light:#baa8ff}#color-2:checked~*{--first-color:#ec1838;--first-color-dark:#e02440;--first-color-light:#ffa8b5}#color-3:checked~*{--first-color:#8a2ce2;--first-color-dark:#8a3fcf;--first-color-light:#d5a8ff}#color-4:checked~*{--first-color:#4169e1;--first-color-dark:#4c6fd6;--first-color-light:#a8beff}#color-5:checked~*{--first-color:#d9a520;--first-color-dark:#cda02d;--first-color-light:#ffe6a8}#color-6:checked~*{--first-color:#ef6293;--first-color-dark:#db2967;--first-color-light:#ffa8c7}#color-7:checked~*{--first-color:#99cd32;--first-color-dark:#95c13e;--first-color-light:#e2ffa8}#color-8:checked~*{--first-color:#fa5a0f;--first-color-dark:#ee5e1b;--first-color-light:#ffc4a8}#color-9:checked~*{--first-color:#72b526;--first-color-dark:#72aa31;--first-color-light:#d7ffa8}#color-10:checked~*{--first-color:#ffb300;--first-color-dark:#ecab13;--first-color-light:#ffe5a8}.header{position:fixed;top:0;left:0;width:100%;background-color:var(--body-color);box-shadow:0 3px 9px rgba(0,0,0,.05);z-index:100}.nav,.nav__list{display:flex}.nav{height:calc(var(--header-height) + 2.25rem);justify-content:space-between;align-items:center}.nav__logo{color:var(--first-color);font-size:var(--h2-font-size)}.nav__list{column-gap:1.5rem}.nav__link{color:var(--title-color);transition:all .3s ease}.nav__toggle{display:none}.active-link,.nav__link:hover{color:var(--first-color)}.home{background-color:var(--container-color);padding-block:9rem 3rem}.home__container{grid-template-columns:repeat(2,1fr);align-items:center}.home__small{font-size:var(--large-font-size);font-weight:var(--weight-600);letter-spacing:1px}.home__title{font-size:var(--big-font-size);line-height:1.4}.home__title span{font-weight:var(--weight-300)}.home__description{margin-block:1.5rem 3rem}.home__btns{display:flex;column-gap:1rem}.home__img--wrapper{margin-inline:auto 2rem;position:relative}.home__img--wrapper:after,.home__img--wrapper:before{content:"";position:absolute;inset:0}.home__img--wrapper:before{background-color:var(--first-color-light);animation:animate__before 8s ease-in-out infinite}.home__img--wrapper:after{background-color:var(--first-color);animation:animate__before 8s ease-in-out infinite}.home__img,.home__img--wrapper:after{animation:animate__after 8s ease-in-out infinite}.home__img{z-index:10;position:relative;vertical-align:middle}@keyframes animate__before{0%{border-radius:65% 35% 29% 71%/55% 30% 70% 45%}50%{border-radius:21% 79% 50% 50%/21% 50% 50% 79%}to{border-radius:65% 35% 29% 71%/55% 30% 70% 45%}}@keyframes animate__after{0%{border-radius:21% 79% 50% 50%/21% 50% 50% 79%}50%{border-radius:65% 35% 29% 71%/55% 30% 70% 45%}to{border-radius:21% 79% 50% 50%/21% 50% 50% 79%}}.btn{display:inline-block;background-color:var(--first-color);border:1px solid var(--first-color);color:var(--white);padding:.9rem 2.5rem;font-size:var(--large-font-size);border-radius:.5rem;transition:all .5s ease}.btn--transparent{background-color:transparent;color:var(--first-color)}.btn:hover{background-color:var(--first-color-dark)}.btn--transparent:hover{background-color:var(--first-color);color:var(--white)}.about__container{grid-template-columns:4fr 8fr;align-items:center}.about__img-wrapper{position:relative;height:400px}.about__img{position:absolute;top:0;left:0;height:100%;object-fit:cover;transition:all .3s ease}.about__img:first-child{-webkit-clip-path:polygon(0 0,0 32%,28% 0);clip-path:polygon(0 0,0 32%,28% 0);transform:translateY(-1.25rem)}.about__img:nth-child(2){-webkit-clip-path:polygon(28% 0,0 32%,0 100%,17% 100%,90% 0);clip-path:polygon(28% 0,0 32%,0 100%,17% 100%,90% 0);transform:translateY(-.75rem)}.about__img:nth-child(3){-webkit-clip-path:polygon(100% 0,100% 65%,74% 100%,17% 100%,90% 0);clip-path:polygon(100% 0,100% 65%,74% 100%,17% 100%,90% 0);transform:translateY(-.25rem)}.about__img:nth-child(4){-webkit-clip-path:polygon(100% 65%,74% 100%,100% 100%);clip-path:polygon(100% 65%,74% 100%,100% 100%);transform:translateY(.25rem)}.about__img-wrapper:hover .about__img{transform:translateY(0)}.about__description{border-bottom:1px solid var(--border-color);padding-bottom:1.5rem;margin-bottom:2rem}.about__data{grid-template-columns:repeat(2,1fr);gap:.25rem;margin-bottom:3rem}.data__item{display:flex;column-gap:.75rem}.data__title{font-size:var(--larger-font-size)}.about__link{color:#4169e1}.about__bottom,.about__social-links{display:flex;align-items:center}.about__bottom{column-gap:3rem}.about__social-links{column-gap:1.25rem}.about__social-links:before{content:"";background-color:var(--text-color);width:60px;height:2px}.about__social-links{color:var(--text-color);transition:all .3s ease}.about__social-links:hover{color:var(--first-color)}.qualification{background-color:var(--container-color)}.timeline{position:relative;display:grid;grid-gap:3rem;gap:3rem;padding-block:1rem}.timeline:before{content:"";background-color:var(--border-color);bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:3px}.timeline__item{display:grid;grid-template-columns:1fr 64px 1fr;position:relative}.timeline__item--right .timeline__card{grid-column:3}.timeline__node{align-items:center;align-self:start;background-color:var(--first-color);border:10px solid var(--container-color);border-radius:50%;box-shadow:0 0 0 1px var(--border-color);color:var(--white);display:grid;font-size:1.1rem;grid-column:2;height:64px;justify-self:center;place-items:center;position:relative;width:64px;z-index:2}.timeline__card{background-color:var(--body-color);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 10px 28px rgba(63,58,100,.08);grid-column:1;padding:2rem;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.timeline__card:hover{border-color:var(--first-color);box-shadow:0 18px 40px rgba(63,58,100,.12);transform:translateY(-.25rem)}.timeline__header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.timeline__role{color:var(--title-color);font-size:var(--h3-font-size);line-height:1.25}.timeline__company{color:var(--text-color);font-size:var(--larger-font-size);font-weight:var(--weight-600);margin-top:.35rem}.timeline__date{background-color:color-mix(in srgb,var(--first-color) 12%,var(--body-color));border:1px solid var(--border-color);border-radius:999px;color:var(--first-color);flex:0 0 auto;font-size:.9rem;font-weight:var(--weight-600);line-height:1;padding:.45rem .75rem;text-transform:uppercase}.timeline__location{align-items:center;color:var(--text-color);display:flex;gap:.5rem;font-size:.95rem;margin-bottom:1.5rem}.timeline__location i{color:var(--first-color)}.timeline__description{line-height:1.65}.timeline__divider{background-color:var(--border-color);height:1px;margin-block:1.5rem 1rem}.timeline__label{color:var(--title-color);font-size:1rem;margin-bottom:.85rem}.timeline__achievements,.timeline__achievements li{display:grid;grid-gap:.8rem;gap:.8rem}.timeline__achievements li{align-items:flex-start;color:var(--text-color);grid-template-columns:1rem 1fr;line-height:1.45}.timeline__achievements i{color:var(--first-color);font-size:.9rem;line-height:1.7}.Services__container{grid-template-columns:repeat(3,1fr)}.services__item{background-color:var(--container-color);border:1px solid var(--container-color);padding:2.5rem 1.8rem;border-radius:.5rem;position:relative;transition:all .5s ease}.services__item:hover{background-color:var(--body-color);border-color:var(--border-color)}.services__icon{color:var(--first-color);font-size:1.8rem}.services__title{font-size:var(--h3-font-size);margin-block:1.5rem 1rem}.services__no{position:absolute;right:2.5rem;top:1rem;color:var(--title-color);font-size:3.75rem;opacity:.2}#day-night:checked~* .skills,.skills{background-color:var(--white)}.skills__intro{text-align:center}.skills__heading{color:#24223a;font-size:clamp(2.5rem,5vw,5rem);line-height:1;margin-bottom:1.5rem}.skills__subtitle{color:#7d799a;font-size:clamp(1.25rem,2vw,2rem);line-height:1.4}.skills__container{margin-top:4.5rem}.skills__tabs{background-color:#efebff;border-radius:.75rem;display:flex;gap:.5rem;justify-content:center;margin-inline:auto;max-width:max-content;padding:.45rem}.skills__tab{border-radius:.55rem;color:#24223a;cursor:pointer;font-size:var(--larger-font-size);font-weight:var(--weight-600);line-height:1;padding:.9rem 1.15rem;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;white-space:nowrap}.skills__tab:hover{color:var(--first-color)}#skill-concepts:checked~.skills__tabs label[for=skill-concepts],#skill-data:checked~.skills__tabs label[for=skill-data],#skill-devops:checked~.skills__tabs label[for=skill-devops],#skill-frameworks:checked~.skills__tabs label[for=skill-frameworks],#skill-languages:checked~.skills__tabs label[for=skill-languages],#skill-web3:checked~.skills__tabs label[for=skill-web3]{background-color:var(--first-color);box-shadow:0 6px 14px rgba(142,65,230,.26);color:var(--white)}.skills__panel-wrap{background-color:#f3f0ff;border-radius:.75rem;margin-top:4rem;padding:2.5rem}.skills__panel{display:none;flex-wrap:wrap;gap:1.25rem;justify-content:center}#skill-concepts:checked~.skills__panel-wrap .skills__panel--concepts,#skill-data:checked~.skills__panel-wrap .skills__panel--data,#skill-devops:checked~.skills__panel-wrap .skills__panel--devops,#skill-frameworks:checked~.skills__panel-wrap .skills__panel--frameworks,#skill-languages:checked~.skills__panel-wrap .skills__panel--languages,#skill-web3:checked~.skills__panel-wrap .skills__panel--web3{display:flex}.skills__chip{align-items:center;background-color:var(--white);border:1px solid #d8d3ee;border-radius:.75rem;box-shadow:0 8px 20px rgba(63,58,100,.06);color:#24223a;display:inline-flex;gap:.85rem;font-size:var(--larger-font-size);font-weight:var(--weight-600);justify-content:center;min-height:64px;min-width:150px;padding:.85rem 1.25rem;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.skills__chip:hover{border-color:var(--first-color);box-shadow:0 12px 28px rgba(63,58,100,.1);transform:translateY(-.2rem)}.skills__chip i,.skills__chip-mark{align-items:center;color:var(--first-color);display:inline-flex;font-size:1.8rem;font-weight:var(--weight-600);justify-content:center;min-width:2rem}.skills__chip .fa-js{color:#e2c908}.skills__chip .fa-git-alt,.skills__chip .fa-html5,.skills__chip .fa-laravel{color:#ef5425}.skills__chip .fa-css3-alt,.skills__chip .fa-docker,.skills__chip .fa-php{color:#188bdc}.skills__chip .fa-java,.skills__chip .fa-node-js,.skills__chip .fa-python{color:#22a55d}#day-night:checked~* .works,.works{background-color:#f7f5ff}.work__container{grid-template-columns:repeat(3,1fr);gap:2rem}.work__card{background-color:var(--white);border:1px solid #d8d3ee;border-radius:.5rem;box-shadow:0 8px 24px rgba(63,58,100,.1);display:flex;flex-direction:column;overflow:hidden;min-height:100%;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.work__card:hover{border-color:var(--first-color);box-shadow:0 14px 36px rgba(63,58,100,.16);transform:translateY(-.35rem)}.work__preview{display:block;background-color:#161424;aspect-ratio:16/9;overflow:hidden}.work__img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}.work__card:hover .work__img{transform:scale(1.04)}.work__content{display:flex;flex:1 1;flex-direction:column;padding:2rem}.work__title{color:#24223a;font-size:var(--h3-font-size);line-height:1.2;margin-bottom:.5rem}.work__description{color:#7d799a;font-size:var(--large-font-size);line-height:1.55;margin-bottom:1.5rem}.work__tags{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem}.work__tag{background-color:#efebff;border:1px solid #e2def2;border-radius:.5rem;color:#332f51;font-size:.9rem;font-weight:var(--weight-600);line-height:1;padding:.45rem .75rem}.work__highlights{display:grid;grid-gap:.95rem;gap:.95rem;margin-bottom:2rem}.work__highlight{align-items:flex-start;color:#7d799a;display:grid;grid-template-columns:1.2rem 1fr;grid-gap:.75rem;gap:.75rem;line-height:1.45}.work__highlight i{color:var(--first-color);font-size:1rem;line-height:1.65}.work__actions{align-items:center;display:flex;justify-content:space-between;gap:1rem;margin-top:auto}.work__button{align-items:center;background-color:var(--first-color);border-radius:.5rem;color:var(--white);display:inline-flex;gap:1rem;font-weight:var(--weight-600);line-height:1;padding:.85rem 1rem;transition:background-color .3s ease}.work__button:hover{background-color:var(--first-color-dark)}.work__links{display:flex;gap:1rem}.work__icon-link{color:#24223a;font-size:1.15rem;transition:color .3s ease,transform .3s ease}.work__icon-link:hover{color:var(--first-color);transform:translateY(-.15rem)}.project-detail{background-color:#f7f5ff;color:#7d799a;min-height:100vh;overflow:hidden;padding-block:4rem 6rem;position:relative}.project-detail__bg{background-image:radial-gradient(circle at 25% 8%,rgba(142,65,230,.24) 0 2px,transparent 3px),radial-gradient(circle at 72% 10%,rgba(142,65,230,.18) 0 2px,transparent 3px),radial-gradient(circle at 88% 28%,rgba(142,65,230,.14) 0 1px,transparent 2px);background-size:210px 210px,280px 280px,180px 180px;inset:0;opacity:.8;pointer-events:none;position:absolute}.project-detail__container{position:relative;z-index:1}.project-detail__back{align-items:center;color:#24223a;display:inline-flex;gap:.75rem;font-weight:var(--weight-600);margin-bottom:2.5rem}.project-detail__back:hover{color:var(--first-color)}.project-detail__header{margin-inline:auto;max-width:760px;text-align:center}.project-detail__title{color:#24223a;font-size:var(--big-font-size);line-height:1.1;margin-bottom:.85rem}.project-detail__subtitle{font-size:var(--larger-font-size);line-height:1.55}.project-detail__meta{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem}.project-detail__meta span{align-items:center;background-color:var(--white);border:1px solid #d8d3ee;border-radius:.5rem;color:#332f51;display:inline-flex;gap:.55rem;font-size:.95rem;font-weight:var(--weight-600);padding:.65rem .9rem}.project-detail__meta i{color:var(--first-color)}.project-detail__showcase{align-items:flex-start;display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);margin-top:5rem}.project-detail__achievement,.project-detail__media,.project-detail__panel{background-color:var(--white);border:1px solid #d8d3ee;border-radius:.5rem;box-shadow:0 8px 24px rgba(63,58,100,.08)}.project-detail__media{aspect-ratio:16/9;overflow:hidden}.project-detail__media img{display:block;height:100%;object-fit:cover;width:100%}.project-detail__panel{padding:2rem}.project-detail__panel-section:not(:last-child){border-bottom:1px solid #d8d3ee;margin-bottom:1.5rem;padding-bottom:1.5rem}.project-detail__panel h2,.project-detail__section h2{color:#24223a;font-size:var(--h3-font-size);line-height:1.2;margin-bottom:1rem}.project-detail__panel h2{color:#7d799a;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase}.project-detail__tags{display:flex;flex-wrap:wrap;gap:.65rem}.project-detail__tags span{background-color:#efebff;border-radius:.5rem;color:#332f51;font-size:.85rem;font-weight:var(--weight-600);line-height:1;padding:.45rem .7rem}.project-detail__resource{align-items:center;border:1px solid #d8d3ee;border-radius:.5rem;color:#24223a;display:flex;gap:.85rem;font-weight:var(--weight-600);padding:.8rem .9rem;transition:border-color .3s ease,color .3s ease}.project-detail__resource:not(:last-child){margin-bottom:.75rem}.project-detail__resource:hover{border-color:var(--first-color);color:var(--first-color)}.project-detail__section{margin-top:2.5rem;max-width:920px}.project-detail__section p{line-height:1.7}.project-detail__achievement-list{display:grid;grid-gap:.9rem;gap:.9rem}.project-detail__achievement{align-items:flex-start;display:grid;grid-gap:.85rem;gap:.85rem;grid-template-columns:1rem 1fr;line-height:1.45;padding:1rem 1.25rem}.project-detail__achievement i,.project-detail__feature i{color:var(--first-color);line-height:1.5}.project-detail__feature-grid{display:grid;grid-gap:1rem 2rem;gap:1rem 2rem;grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail__feature{align-items:flex-start;color:#332f51;display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:1.15rem 1fr}.project-detail__gallery-heading{align-items:center;display:flex;gap:.75rem}.project-detail__gallery-heading i{color:var(--first-color)}.gallery-slider{width:min(100%,1120px)}.gallery-slider__stage{background:radial-gradient(circle at 28% 45%,rgba(142,65,230,.16),transparent 34%),radial-gradient(circle at 70% 40%,rgba(0,214,207,.12),transparent 32%),#080c17;border:1px solid #374562;border-radius:.75rem;box-shadow:0 18px 48px rgba(8,12,23,.18);min-height:420px;overflow:hidden;position:relative}.gallery-slider__progress{background:linear-gradient(90deg,#27d2ec,var(--first-color));height:4px;left:0;position:absolute;top:0;transition:width .3s ease;z-index:2}.gallery-slider__image{display:block;height:100%;min-height:420px;object-fit:contain;padding:1rem;width:100%}.gallery-slider__arrow{align-items:center;background-color:rgba(39,44,53,.9);border:1px solid hsla(0,0%,100%,.18);border-radius:50%;color:var(--white);cursor:pointer;display:grid;font-size:1.35rem;height:56px;place-items:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease,border-color .3s ease,transform .3s ease;width:56px;z-index:3}.gallery-slider__arrow:hover{background-color:var(--first-color);border-color:var(--first-color);transform:translateY(-50%) scale(1.05)}.gallery-slider__arrow--prev{left:1.25rem}.gallery-slider__arrow--next{right:1.25rem}.gallery-slider__counter{background-color:rgba(8,12,23,.86);border-radius:999px;bottom:1rem;color:var(--white);font-weight:var(--weight-600);line-height:1;padding:.7rem 1rem;position:absolute;right:1rem;z-index:3}.gallery-slider__thumbs{display:grid;grid-gap:1rem;gap:1rem;grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;margin-top:1.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}.gallery-slider__thumb{background-color:#080c17;border:2px solid transparent;border-radius:.5rem;cursor:pointer;height:110px;overflow:hidden;padding:0;transition:border-color .3s ease,opacity .3s ease,transform .3s ease}.gallery-slider__thumb img{display:block;height:100%;object-fit:cover;opacity:.62;width:100%}.gallery-slider__thumb--active,.gallery-slider__thumb:hover{border-color:#00d6cf;transform:translateY(-.15rem)}.gallery-slider__thumb--active img,.gallery-slider__thumb:hover img{opacity:1}.contact__container{grid-template-columns:5fr 7fr;align-items:flex-start}.contact__item{display:flex;align-items:flex-start;column-gap:1.25rem}.contact__item:not(:last-child){margin-bottom:2.5rem}.contact__icon{color:var(--first-color);font-size:var(--large-font-size);line-height:1.8}.contact__title{font-size:var(--larger-font-size)}.contact__data{font-size:var(--large-font-size)}.form__group{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1.25rem;column-gap:1.25rem}.input__control{color:var(--title-color);background-color:var(--container-color);padding:.9rem .75rem;width:100%;border-radius:.5rem;margin-bottom:1.25rem}.textarea{height:140px;resize:none}.contact__btn{float:right}.align-center{text-align:center;padding:10px}.footer{background-color:var(--container-color);padding-block:3rem}.footer__container{display:flex;justify-content:space-between;align-items:center}.footer__copyright{color:var(--text-color)}.footer__social-links{display:flex;column-gap:1.25rem}.footer__social-link{color:var(--text-color);font-size:var(--large-font-size)}@media screen and (max-width:1200px){.container{max-width:960px}:root{--big-font-size:2.5rem;--h1-font-size:2rem;--h2-font-size:1.75rem;--h3-font-size:1.25rem;--larger-font-size:1rem;--large-font-size:.938rem}.home__img{width:340px}.about__img-wrapper{height:320px}.services__icon{font-size:1.5rem}.services__no{font-size:2.5rem}.services__title{margin-block:1.25rem .75rem}.style__switcher{width:200px}.style__switcher-colors .color{width:24px;height:24px}.style__switcher-theme,.style__switcher-toggler{width:40px;height:40px}.style__switcher-toggler{top:10%}.style__switcher-theme{bottom:10%}}@media screen and (max-width:992px){.container{max-width:720px}.about__container,.home__container{grid-template-columns:1fr}.home__content{order:1}.home__img--wrapper{margin-inline:auto}.about__container,.contact__container{row-gap:2rem}.about__img:not(:first-child){display:none}.about__img:first-child{-webkit-clip-path:initial;clip-path:none;transform:none;left:50%;translate:-50%}.Services__container,.work__container{grid-template-columns:repeat(2,1fr)}.skills__tabs{justify-content:flex-start;max-width:100%;overflow-x:auto}.skills__panel-wrap{margin-top:2.5rem;padding:2rem}.project-detail__showcase{grid-template-columns:1fr;margin-top:3.5rem}.project-detail__panel{width:100%}.timeline{max-width:760px}.timeline:before{left:32px}.timeline__item,.timeline__item--right{grid-template-columns:64px 1fr}.timeline__item .timeline__card,.timeline__item--right .timeline__card{grid-column:2}.timeline__node{grid-column:1}}@media screen and (max-width:768px){.container{max-width:560px}.nav__list{position:absolute;top:100%;left:0;width:100%;background-color:var(--body-color);flex-direction:column;align-items:center;row-gap:.75rem;max-height:0;overflow:hidden;transition:all .3s ease}.nav__toggle{display:block;color:var(--text-color);font-size:1.3rem}#nav__toggler:checked~.nav__list{max-height:500px;padding:1.75rem}.home__img{width:300px}.project-detail{padding-block:2rem 4rem}.project-detail__title{font-size:var(--h1-font-size)}.project-detail__feature-grid{grid-template-columns:1fr}.gallery-slider__image,.gallery-slider__stage{min-height:320px}.gallery-slider__arrow{height:48px;width:48px}.gallery-slider__thumbs{grid-auto-columns:minmax(130px,42%)}}@media screen and (max-width:576px){.home{padding-top:7rem}.section{padding-block:4rem}.Services__container,.form__group,.work__container{grid-template-columns:1fr}.skills__container{margin-top:2.5rem}.skills__tab{font-size:1rem;padding:.8rem 1rem}.skills__panel-wrap{padding:1.25rem}.skills__panel{gap:.85rem}.skills__chip{flex:1 1 100%;min-width:0}.footer__container{flex-direction:column;row-gap:1rem}.project-detail__meta{align-items:stretch;flex-direction:column}.project-detail__showcase{margin-top:2.5rem}.project-detail__content,.project-detail__panel{padding:1.25rem}.project-detail__achievement{padding:.9rem 1rem}.timeline{gap:2rem}.timeline__card{padding:1.5rem}.timeline__header{flex-direction:column}.timeline__date{white-space:normal}.gallery-slider__image,.gallery-slider__stage{min-height:240px}.gallery-slider__image{padding:.5rem}.gallery-slider__arrow{font-size:1rem;height:40px;width:40px}.gallery-slider__arrow--prev{left:.75rem}.gallery-slider__arrow--next{right:.75rem}.gallery-slider__counter{bottom:.75rem;padding:.55rem .75rem;right:.75rem}.gallery-slider__thumbs{gap:.75rem;grid-auto-columns:minmax(120px,70%)}.gallery-slider__thumb{height:82px}}@media screen and (max-width:450px){.about__data{grid-template-columns:1fr}.about__bottom{flex-direction:column;align-items:flex-start;row-gap:1.25rem}.about__bottom .btn{order:1}.services__item{padding:2rem 1.5rem}.timeline:before{left:24px}.timeline__item,.timeline__item--right{grid-template-columns:48px 1fr}.timeline__node{border-width:7px;font-size:.95rem;height:48px;width:48px}}