.mainPage{text-align:center;grid-gap:24px;gap:24px;display:grid;grid-template-rows:repeat(6,auto);grid-template-areas:"presentation" "buttons" "projects" "education" "technologies" "credits"}@media(min-width:1080px){.mainPage{grid-template-rows:repeat(5,auto);grid-template-columns:repeat(2,1fr);grid-template-areas:"presentation presentation" "buttons buttons" "projects projects" "education technologies" "credits credits"}}.mainPage .credits{grid-area:credits;font-size:20px;font-style:italic;color:var(--text-secondary)}.section-title{font-size:22px;color:var(--text-primary)}@media(min-width:1080px){.section-title{font-size:40px}}.item-title{font-size:18px;color:var(--text-secondary);font-style:italic}@media(min-width:1080px){.item-title{font-size:36px}}.education{grid-area:education;display:flex;flex-direction:column;align-items:center}.education h1{height:2rem}.education p{gap:1rem;color:var(--text-primary);display:flex;flex-direction:column;margin-top:20px;font-size:15px}.education p span{color:var(--text-secondary)}@media(min-width:1080px){.education p{margin:auto;font-size:25px}}.technologies{grid-area:technologies}.technologies .techsList{display:grid;grid-template-columns:1fr}.technologies .techsList .tech{width:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px auto}.technologies .techsList .tech svg{width:60%;height:100%;max-height:300px}.technologies .techsList .tech p{width:100%;color:var(--text-primary)}@media(min-width:1080px){.technologies .techsList{grid-template-columns:repeat(3,1fr);gap:20px}.technologies .techsList .tech{max-height:700px}.technologies .techsList .tech svg{height:80%;width:80%;filter:saturate(1)}.technologies .techsList .tech :hover{filter:saturate(0)}.technologies .techsList .tech :hover~p{width:280px;display:block}.technologies .techsList .tech p{color:var(--text-primary);display:none;background:rgba(0,0,0,.6);position:absolute;width:70%}}.projects{display:block;grid-area:projects}.projects .works{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.projects .works .work{position:relative;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);grid-template-areas:"title title" "img img" "repo page";width:90%;text-align:center;grid-gap:1rem 0;gap:1rem 0}.projects .works .work .emBreve{display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;-webkit-text-stroke-color:#000;-webkit-text-stroke-width:2px;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,51,255,.3)}.projects .works .work h2{grid-area:title}.projects .works .work img{grid-area:img;margin:auto;width:90vw;height:100%}.projects .works .work a{margin:auto;display:flex;align-items:center;justify-content:center;text-decoration:none;width:90%;border:0;height:2rem;font-size:10px;background-color:var(--btn-bg);color:var(--btn-text)}.projects .works .work .repository{grid-area:repo}.projects .works .work .page{grid-area:page}@media(min-width:1080px){.projects .works{grid-template-columns:repeat(3,1fr)}.projects .works .work{padding:5px}.projects .works .work .emBreve{font-size:50px;-webkit-text-stroke-width:4px}.projects .works .work img{width:95%;border:3px solid #fff}.projects .works .work a{font-size:18px;margin:auto;width:80%}.projects .works .work a:hover{cursor:pointer;font-weight:bolder;background-color:var(--btn-bg-hover);color:var(--btn-text-hover)}}.presentation{display:flex;flex-direction:column;grid-area:presentation}.presentation h1{font-weight:600;font-size:30px;color:var(--text-primary)}.presentation h2{font-style:italic;font-weight:500;font-size:15px;color:var(--text-secondary)}.presentation img{margin:20px auto;border:3px solid #fff;max-width:80vw;max-height:80vw;border-radius:100%}@media(min-width:1080px){.presentation{flex-direction:row-reverse;align-items:center;text-align:center;margin:5% auto}.presentation img{margin:20px;max-width:90vw;max-height:90vw}.presentation h1{font-size:50px}.presentation h2{font-size:30px}}.buttons{grid-area:buttons;flex-direction:column}.buttons,.buttons .social{gap:24px}.buttons,.buttons .social,.buttons .social a{display:flex;align-items:center;justify-content:center}.buttons .social a{width:50px;height:50px;border:1px solid #fff;border-radius:100%}.buttons .social a *{color:#fff}.buttons #email{text-decoration:none;cursor:pointer;min-width:250px;width:10%;font-size:20px;border:3px solid #fff;border-radius:4rem;height:4rem;background:var(--btn-bg);color:var(--btn-text);text-transform:uppercase;display:flex;gap:20px;justify-content:center;align-items:center}