@keyframes slowJump{0%{transform:translateY(0);scale:1}50%{transform:translateY(70%);scale:1.4}to{transform:translateY(0);scale:1}}.home-page{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}.home-page section{scroll-snap-align:start;min-height:100dvh}.home-page section .wrap{margin-block:var(--gap-2xl)}.home-page section h1,.home-page section h2{text-align:center;--color-for-text: var(--primary-color-dark)}.home-page .section-description{--font-weight: 400;max-width:65ch;--font-size: var(--font-size-0);--line-height: 1.5;--color-for-text: var(--text-color-light);margin-block-end:var(--gap-l);text-align:center;margin-inline:auto}.home-page .next-section-btn{display:grid;justify-content:center;width:min(90%,360px);justify-self:center;--color-for-text: var(--primary-color-disabled);transition:scale .35s linear}.home-page .next-section-btn svg{transition:scale 1s linear;animation:slowJump 3s infinite}.home-page .next-section-btn:hover,.home-page .next-section-btn:focus-visible{--color-for-text: var(--primary-color);scale:2}.home-page .next-section-btn:hover svg,.home-page .next-section-btn:focus-visible svg{animation-play-state:paused}.home-page #intro{background:linear-gradient(to bottom,hsl(from var(--primary-color-light) h s l / 20%),var(--bg-color));display:grid;place-content:center}.home-page #about{background:linear-gradient(to bottom,var(--bg-color),hsl(from var(--primary-color-light) h s l / 5%));display:flex;align-items:center}.home-page #about .benefits-wrap{--grid-max-col-count: 3;--grid-min-col-size: 240px;--grid-gap: var(--gap-m);--grid-col-size-calc: calc((100% - var(--grid-gap) * (var(--grid-max-col-count) - 1)) / var(--grid-max-col-count));--grid-min-col-size-calc: min(max(var(--grid-min-col-size), var(--grid-col-size-calc)), 100%);margin-block-end:var(--gap-l);display:grid;grid-gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-col-size-calc),1fr))}.home-page #about .benefit-card{background-color:var(--bg-alt-color);padding:var(--gap-s) var(--gap-xs);border-radius:var(--default-border-radius);text-align:center;box-shadow:0 1px 5px hsl(from var(--primary-color-disabled) h s l / 40%)}.home-page #about .benefit-card svg{display:block;margin-inline:auto;margin-block-end:var(--gap-2xs);--font-size: var(--font-size-xl);--color-for-text: var(--primary-color-dark)}.home-page #about .benefit-card .card-description{--line-height: 1.4;--color-for-text: var(--text-color-light)}.home-page #projects .projects-wrap{padding-block-start:var(--gap-s);--grid-max-col-count: 3;--grid-min-col-size: 240px;--grid-gap: var(--gap-m);--grid-col-size-calc: calc((100% - var(--grid-gap) * (var(--grid-max-col-count) - 1)) / var(--grid-max-col-count));--grid-min-col-size-calc: min(max(var(--grid-min-col-size), var(--grid-col-size-calc)), 100%);margin-block-end:var(--gap-l);display:grid;grid-gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-col-size-calc),1fr))}.home-page #projects .project-card{--card-padding-block: var(--gap-s);--card-padding-inline: var(--gap-xs);background-color:var(--bg-alt-color);padding-block-end:var(--card-padding-block);border-radius:var(--default-border-radius);box-shadow:0 1px 5px hsl(from var(--primary-color-disabled) h s l / 40%);overflow:clip;transition:box-shadow .2s linear}.home-page #projects .project-card>*:not(img){margin-inline:var(--card-padding-inline)}.home-page #projects .project-card img{aspect-ratio:360/260;object-fit:scale-down;height:auto;width:100%;margin-block-end:var(--gap-xs)}.home-page #projects .project-card .card-description{margin-block-end:var(--gap-2xs)}.home-page #projects .project-card:focus-visible,.home-page #projects .project-card:hover{box-shadow:0 2px 7px hsl(from var(--secondary-color-dark) h s l / 40%)}.home-page #projects .wrap>a{margin-inline:auto}.home-page #contacts{background:linear-gradient(to bottom,var(--bg-color),hsl(from var(--primary-color-light) h s l / 5%));display:flex;align-items:center}.home-page #contacts form{width:min(100%,600px);margin-inline:auto}.home-page #contacts form button{margin-inline:auto}