/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/portfolio/static/media/Inter-Regular.c8ba52b05a9ef10f4758.woff2) format("woff2"),url(/portfolio/static/media/Inter-Regular.8c206db99195777c6769.woff) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/portfolio/static/media/Inter-Medium.293fd13dbca5a3e450ef.woff2) format("woff2"),url(/portfolio/static/media/Inter-Medium.9053572c46aeb4b16caa.woff) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(/portfolio/static/media/Inter-Black.15ca31c0a2a68f76d2d1.woff2) format("woff2"),url(/portfolio/static/media/Inter-Black.c6938660eec019fefd68.woff) format("woff")}.App{background-color:#f7f7f5}.page{align-items:center;display:flex;flex-direction:column;min-height:100vh}.page_blocked{overflow:hidden}.header{margin-bottom:100px;width:100%}.header__box{background-color:#566f7d;border-radius:0 0 10px 10px;display:flex;height:34px;justify-content:space-between;margin:0 auto;max-width:1020px;padding:20px 40px}.header__link{align-self:center;color:#f7f7f5;display:block;font-family:Inter;font-size:24px;font-style:normal;font-weight:500;line-height:29px;text-decoration:none}.header__link:hover{opacity:.8}@media (max-width:1200px){.header__box{margin:0 50px}}@media (max-width:768px){.header{margin-bottom:40px}.header__box{margin:0 auto;max-width:588px}}@media (max-width:708px){.header__box{margin:0 20px;max-width:628px;padding:20px}.header__link{font-size:14px;font-weight:500;line-height:19px}}.main{margin-bottom:30px;width:100%}.main__box{align-items:center;display:flex;flex-direction:column;margin:0 auto}@media (max-width:1200px){.main__box{margin:0 50px}}@media (max-width:768px){.main__box{margin:0 auto;max-width:668px}}@media (max-width:708px){.main__box{margin:0 20px}}.footer{margin-bottom:40px;margin-top:auto;width:100%}.footer__box{border-top:1px solid #566f7d;display:flex;height:50px;justify-content:space-between;margin:0 auto;max-width:1100px}.footer__text{color:#566f7d;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:22px;margin-top:14px;max-width:600px}.footer__list{display:flex;gap:20px;list-style:none;margin:0;padding:0}.footer__item{margin-top:14px}.footer__link{color:#566f7d;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:16px;text-decoration:none}.footer__link:hover{border-bottom:1px solid red;opacity:.8}@media(max-width:1200px){.footer__box{margin:0 50px}}@media(max-width:768px){.footer{margin-bottom:20px}.footer__box{margin:0 auto;max-width:668px}.footer__text{font-size:11px;line-height:16px;margin-top:13px}.footer__list{gap:10px}.footer__item{margin-top:11px}.footer__link{font-size:11px;line-height:16px}}@media(max-width:708px){.footer__box{margin:0 20px}}.portfolio{grid-gap:40px;display:grid;gap:40px;grid-template-columns:minmax(-webkit-min-content,778px);grid-template-columns:minmax(min-content,778px);justify-items:start}.portfolio__name{font-size:50px;font-weight:400;letter-spacing:-.04em;line-height:58px;margin:0}.portfolio__about,.portfolio__name{color:#566f7d;font-family:Inter;font-style:normal}.portfolio__about{font-size:18px;font-weight:500;line-height:20px}.portfolio__info{font-weight:400;line-height:22px;max-width:668px;text-align:left}.portfolio__info,.portfolio__link{color:#566f7d;font-family:Inter;font-size:14px;font-style:normal}.portfolio__link{align-self:end;border:1px solid #566f7d;border-radius:10px;font-weight:500;line-height:17px;padding:10px;text-decoration:none}.portfolio__link:hover{color:red;cursor:pointer;opacity:.7}.portfolio__photo{border-radius:10px;grid-column-end:-2;grid-column-start:-1;grid-row-end:5;grid-row-start:1;justify-self:end;width:292px}@media (max-width:768px){.portfolio{display:grid;grid-template-columns:minmax(-webkit-min-content,-webkit-max-content);grid-template-columns:minmax(min-content,max-content)}.portfolio__photo{border-radius:10px;grid-row-end:2;grid-row-start:1;justify-self:center;width:280px}.portfolio__name{font-size:40px;line-height:40px;margin-top:20px}.portfolio__info{font-size:11px;line-height:16px;text-align:justify}.portfolio__link{width:200px}}.projects{max-width:1100px;width:100%}.projects__title{color:#566f7d;font-family:Inter;font-size:50px;font-style:normal;font-weight:400;letter-spacing:-.04em;line-height:58px;margin:0 0 30px;text-align:center}.projects__list{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr 1fr;list-style-type:none;margin:0 auto;padding:0}@media (max-width:1110px){.projects__list{gap:32px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.projects__list{gap:32px;grid-template-columns:auto}.projects__title{font-size:40px;line-height:40px}}.progect-card{background:#fff;border-radius:14px;display:grid;grid-template-rows:auto 56px}.progect-card:hover{box-shadow:9px 5px 13px rgba(0,0,0,.25);cursor:pointer;-webkit-transform:scale(1.03);transform:scale(1.03);transition-duration:.2s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:ease-in}.progect-card:active{box-shadow:none;-webkit-transform:scale(.97);transform:scale(.97)}.progect-card__img{align-self:center;border-radius:12px 12px 0 0;height:181.64px;justify-self:center;object-fit:cover;width:100%}.progect-card__img_false{background-image:url(/portfolio/static/media/noneImage.70d0cdd3fb8a96b32660.svg);background-position:50%;background-repeat:no-repeat;width:100%}.progect-card__info{align-items:center;background:#566f7d;border-radius:0 0 12px 12px;display:grid;justify-items:center}.progect-card__title{font-size:22px;font-weight:500}.progect-card__about,.progect-card__title{color:#fff;font-family:Inter;font-style:normal;letter-spacing:.003em;line-height:120%;margin:0}.progect-card__about{font-size:16px;font-weight:600}.navigation{align-self:center}.navigation__list{display:flex;gap:20px;list-style:none;margin:0;padding:0}.navigation__link{color:#f7f7f5;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:16px;text-decoration:none}.navigation__link:hover{opacity:.8}@media(max-width:768px){.navigation__list{gap:10px;margin-top:2px}}.contacts{display:flex}.contacts__box{display:flex;flex-direction:column}.contacts__title{color:#566f7d;font-family:Inter;font-size:18px;font-style:normal;font-weight:500;line-height:20px;margin-bottom:10px;text-align:start}.contacts__list{grid-gap:10px;display:grid;gap:10px;list-style-type:none;margin:0;padding:0}.contacts__item{color:#566f7d;font-family:Inter;font-size:20px;font-style:normal;font-weight:400;line-height:30px;margin-left:41px;position:relative;text-align:start}.contacts__item:before{background-position:50%;background-repeat:no-repeat;content:"";height:26px;left:-41px;position:absolute;width:30px}.contacts__item_contact_email:before{background-image:url(/portfolio/static/media/email__icon.667778111d6a9476393c.svg)}.contacts__item_contact_tg:before{background-image:url(/portfolio/static/media/tg__icon.ac190777f92a96fb6047.svg)}.contacts__item_contact_phone:before{background-image:url(/portfolio/static/media/phone__icon.8264d927323a1d37139c.svg)}.contacts__link{color:#566f7d;text-decoration:none}.contacts__link:hover{border-bottom:1px solid red;opacity:.7}@media (max-width:1200px){.contacts{align-self:start;width:auto}}@media (max-width:768px){.contacts{margin-top:40px}.contacts__item{font-family:Inter;font-size:15px;font-style:normal;font-weight:400;line-height:20px;margin-left:41px;position:relative;text-align:start}}@media (max-width:425px){.contacts__title{text-align:start}}.popup{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;margin:0;opacity:0;padding:0;position:fixed;top:0;visibility:hidden;width:100%}.popup:hover{cursor:pointer}.popup_opened{opacity:1;overflow:auto;transition:opacity .8s ease-out,visibility .8s ease-out;visibility:visible}.popup__container{background-color:#fff;border-radius:25px;cursor:auto;display:flex;flex-direction:column;padding:20px;position:relative;position:absolute;top:10%;width:600px}.popup__btn{background-color:initial;background-image:url(/portfolio/static/media/popup__exit-button.039f1f5203f653b4bacd.svg);border:none;height:32px;margin:0;padding:0;position:absolute;right:-40px;top:-40px;width:32px}.popup__btn:hover{cursor:pointer;opacity:.7;transition:opacity .5 ease}.popup__img{border-radius:5px}.popup__title{color:#566f7d;font-family:Inter;font-size:18px;font-style:normal;font-weight:500;letter-spacing:.003em;text-align:start}.popup__title:last-child{margin-bottom:0}.popup__span{font-size:16px;font-weight:400}.popup__link{color:#566f7d;text-decoration:none}.popup__link:hover{opacity:.7}.popup__about{align-items:start;display:flex;flex-direction:column;padding:0}@media (max-width:768px){.popup__container{border-radius:10px;padding:10px;width:282px}.popup__img{border-radius:0}.popup__btn{background-size:contain;height:20px;right:0;top:-36px;width:20px}.popup__title{font-size:14px;font-weight:500}.popup__span{font-size:12px;font-weight:400}}.about{grid-gap:30px;display:grid;gap:30px;grid-template-columns:minmax(-webkit-min-content,550px);grid-template-columns:minmax(min-content,550px)}.about__title{font-size:50px;font-weight:400;letter-spacing:-.04em;line-height:58px}.about__subtitle,.about__title{color:#566f7d;font-family:Inter;font-style:normal;margin:0}.about__subtitle{font-size:18px;font-weight:500;line-height:20px}.about__info{color:#566f7d;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:22px;margin:0;max-width:668px;text-align:left}.about__resume{font-size:18px;line-height:20px}.about__link,.about__resume{color:#566f7d;font-family:Inter;font-style:normal;font-weight:500}.about__link{align-self:end;border:1px solid #566f7d;border-radius:10px;font-size:14px;line-height:17px;padding:10px;text-decoration:none}.about__link:hover{color:red;cursor:pointer;opacity:.7}@media (max-width:768px){.about{gap:10px}.about__title{font-size:40px;line-height:40px}}
/*# sourceMappingURL=main.3bf320dd.css.map*/