.about{align-items:center;background-image:url(/images/468fd5e137294376025c.svg);background-position:50%;background-size:contain;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}.about__content{flex:1 1 0;min-width:300px}.about__text{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;margin-top:48px}.about__description{color:var(--gray)}.about__image{border-bottom:1px solid var(--primary);flex:1 1 0;max-width:340px}@media(max-width:768px){.about{flex-direction:column;text-align:center}.about__image{max-width:100%}.about__content{min-width:unset;width:100%}.about__text{align-items:center}}.contacts{background-image:url(/images/d15bcda5f893cf9522c1.png);background-size:contain;width:100%}.contacts__content{align-items:start;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;margin-top:48px}.contacts__title{font-weight:600}.contacts__list{margin-top:16px}.contacts__media{border:1px solid var(--gray);padding:16px}.contacts__description{color:var(--gray);max-width:500px}.contact{align-items:center;color:var(--gray);display:flex;gap:8px;margin-top:8px}.contact:hover{filter:brightness(0) invert(1)}@media(max-width:768px){.contacts__content{align-items:center;flex-direction:column;text-align:center}.contacts__description{max-width:100%}.contacts__media{width:100%}.contact{justify-content:center}}.hero{align-items:center;background-image:url(/images/8f9190d875c91d5c4a50.svg);background-position:50%;background-size:cover;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}.hero .dots{left:70%;position:absolute;top:40%;width:12vmin;z-index:4}.hero__logo{aspect-ratio:1;position:absolute;top:10%;width:30vmin;z-index:1}.hero__image{border-bottom:1px solid var(--primary);height:auto;position:relative;width:100%;z-index:2}.hero__content,.hero__illustrations{flex:1 1 0}.hero__illustrations{display:flex;flex-direction:column;position:relative}.hero__title{font-size:2.8rem;font-weight:600;min-width:300px}.hero__title span{color:var(--primary)}.hero__description{color:var(--gray);margin-bottom:32px;margin-top:32px}.hero__status{align-items:center;border:1px solid var(--gray);color:var(--gray);display:inline-flex;font-weight:600;gap:8px;justify-content:center;margin:0 auto;padding:8px;position:relative;top:-1px;z-index:5}.hero__status:before{aspect-ratio:1;background-color:var(--primary-op);border:1px solid var(--primary);content:"";display:inline-block;width:16px}.hero__status a{color:var(--white);text-decoration:underline}.hero__status a:hover{color:var(--primary)}@media(max-width:1280px){.hero{gap:16px}.hero__logo{top:5%;width:20vmin}.hero__title{font-size:2.4rem;padding:1rem 0;text-align:center}.hero__description{font-size:1.6rem}.hero__status{font-size:1.4rem}}.projects__header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:48px}.projects__link{text-decoration:none}.projects__link:hover{color:var(--primary)}@media(max-width:768px){.projects__header{flex-direction:column;text-align:center}.projects__link{margin-top:16px}}.quote{border-style:solid;border:1px solid var(--gray);border-radius:0 10px;margin:0;position:relative}.quote:after,.quote:before{color:var(--gray);content:'"';font-size:64px;font-weight:700;position:absolute}.quote:before{left:16px;top:-32px}.quote:after{bottom:-64px;right:16px}.quote__text{font-size:2rem;font-weight:600;padding:32px}.quote__author{background-color:var(--background);border-style:solid;border:1px solid var(--gray);border-radius:1rem 1px;color:var(--gray);font-size:2rem;padding:8px;position:absolute;right:-1px}.quote__author:before{content:"🖋️ "}@media(max-width:768px){.quote__text{padding:24px}.quote__author,.quote__text{font-size:1.8rem}}@media(max-width:500px){.quote:before{font-size:48px;left:8px;top:-24px}.quote:after{bottom:-48px;font-size:48px;right:8px}.quote__text{padding:16px}.quote__author,.quote__text{font-size:1.6rem}}.skills{font-size:1.6rem;width:100%}.skills__content{display:flex;flex-wrap:wrap;gap:32px}.skills .skill-block{margin-bottom:16px}.skills__list{column-count:4;column-gap:16px}@media(max-width:1280px){.skills__list{column-count:3}}@media(max-width:768px){.skills__list{column-count:2}}@media(max-width:500px){.skills__list{column-count:1}}.skills__illustrations,.skills__list{flex:1 1 0}@media(max-width:768px){.skills__illustrations{display:none}}.illustrations{min-height:300px;min-width:100px;position:relative}.illustrations__logo{left:40%;position:absolute;top:40%;width:14vmin}.illustrations .dots:nth-of-type(2){left:1%;position:absolute;top:75%;width:16vmin}.illustrations .dots:first-of-type{left:20%;position:absolute;top:20%;width:10vmin}.project{border-style:solid;border:1px solid var(--gray);margin:18px 6px;overflow:hidden}.project__links{display:flex;flex-wrap:wrap;gap:.8rem}.project__image{aspect-ratio:16/9;border-bottom:1px var(--gray);border-style:solid;height:auto;width:100%}.project__content{padding:1rem}.project__name{font-size:2rem;font-weight:600}.project__description{color:var(--gray);margin:2px 0;padding:1.5rem 0}.project__techs{align-content:center;background:var(--gray-op);border-bottom:1px var(--gray);border-style:solid;color:var(--primary);display:flex;flex-wrap:wrap;font-size:1.6rem;font-weight:700;gap:.8rem 1.6rem;justify-content:center;padding:2px}@media(hover:hover){.project:hover{transform:scale(1.02);transition:transform .15s ease-in}}.project-list{align-items:start;display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(33rem,1fr));margin-top:4.8rem;width:100%}@media(max-width:768px){.project-list{grid-template-columns:1fr}}.skill-block{border-style:solid;border:1px solid var(--gray);display:inline-block;flex-basis:0;flex-grow:1;flex-shrink:1;max-width:30rem;min-width:170px}.skill-block__name{background:var(--gray-op);border-bottom:1px var(--gray);border-style:solid;color:var(--gray);font-weight:700;padding:0 1rem}.skill-block__listz{align-items:start;color:var(--gray);display:block;flex-wrap:wrap;font-weight:600;gap:.8rem;justify-content:start}.skill-arrow{color:var(--gray);margin:0 .2rem}@media(max-width:500px){.skill-block{border:1px solid var(--gray);margin-bottom:1.6rem;max-width:100%;width:100%}}