/*! 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:500;src:url(/static/media/Inter-Medium.293fd13dbca5a3e450ef.woff2) format("woff2"),url(/static/media/Inter-Medium.9053572c46aeb4b16caa.woff) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/Inter-Regular.c8ba52b05a9ef10f4758.woff2) format("woff2"),url(/static/media/Inter-Regular.8c206db99195777c6769.woff) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(/static/media/Inter-Black.15ca31c0a2a68f76d2d1.woff2) format("woff2"),url(/static/media/Inter-Black.c6938660eec019fefd68.woff) format("woff")}.page{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;background-color:#fff;margin:0 auto;max-width:1280px;min-width:320px}.page__info-tool-tip{display:flex;font-family:Inter,Arial,sans-serif;justify-content:flex-start;margin:0 auto;max-width:1140px;padding:12px 0 50px;width:calc(100vw - 140px)}@media screen and (min-width:460px) and (max-width:1280px){.page__info-tool-tip{width:calc(100vw - 60px)}}@media screen and (max-width:460px){.page__info-tool-tip{width:calc(100vw - 28px)}}@media screen and (max-width:670px){.page__info-tool-tip{padding-right:12px}}@media screen and (max-width:620px){.page__info-tool-tip{padding-top:0}}.page__info-tool-tip_type_saved-movies{align-items:center;display:flex;font-family:Inter,Arial,sans-serif;justify-content:flex-start;margin:0 auto;max-width:1140px;min-height:48px;padding:0;visibility:hidden;width:calc(100vw - 140px)}@media screen and (min-width:620px) and (max-width:768px){.page__info-tool-tip_type_saved-movies{min-height:61px}}@media screen and (max-width:620px){.page__info-tool-tip_type_saved-movies{min-height:51px}}@media screen and (min-width:460px) and (max-width:1280px){.page__info-tool-tip_type_saved-movies{width:calc(100vw - 60px)}}@media screen and (max-width:460px){.page__info-tool-tip_type_saved-movies{width:calc(100vw - 28px)}}@media screen and (max-width:670px){.page__info-tool-tip_type_saved-movies{padding-right:12px}}.page__info-tool-tip_active{visibility:visible}.page__info-tool-tip-text{display:inline-block;font-family:inherit;font-size:13px;font-weight:400;line-height:16px;margin:0}@media screen and (min-width:875px) and (max-width:1920px){.page__info-tool-tip-text{max-width:690px;width:100%}}@media screen and (max-width:620px){.page__info-tool-tip-text{font-size:11px}}.page__container{display:grid;grid-auto-flow:column;grid-template-rows:auto auto 1fr;min-height:100vh}.header{max-width:1280px;width:100%}.header_bg_blue{background-color:#465dff}.header__menu{align-items:center;box-sizing:border-box;display:grid;font-family:Inter,Arial,sans-serif;grid-template-columns:auto 1fr auto;margin:0 auto;max-width:1140px;min-height:74px;width:calc(100vw - 140px)}@media screen and (max-width:768px){.header__menu{grid-template-columns:repeat(2,auto);justify-content:space-between}}@media screen and (min-width:460px) and (max-width:1280px){.header__menu{width:calc(100vw - 60px)}}@media screen and (max-width:460px){.header__menu{width:calc(100vw - 28px)}}.header__logo-button{background:#0000;background-image:url(/static/media/logo.ed9d0ae888d6fe82c622.svg);background-position:50%;background-repeat:no-repeat;background-size:38px 38px;border:0;cursor:pointer;height:38px;margin:0;padding:0;transition:opacity .4s;width:38px}.header__logo-button:hover{opacity:.8}.header__menu-links{grid-column-gap:16px;align-items:center;column-gap:16px;display:grid;font-family:inherit;grid-template-columns:repeat(2,-webkit-max-content) 1fr;grid-template-columns:repeat(2,max-content) 1fr;list-style:none;margin:0;padding:0 0 0 44px}@media screen and (max-width:768px){.header__menu-links{grid-template-columns:1fr}}.header__list-item{font-size:13px;line-height:18px}.header__link{color:#000;font-weight:400;text-decoration:none;transition:opacity .4s}.header__link:hover{opacity:.7}.header__link_active{font-weight:500}.header__link_color_white{color:#fff}@media screen and (max-width:768px){.header__movies-link,.header__saved-movies-link{display:none}}.header__account-menu{justify-self:flex-end}.header__account-button{grid-column-gap:7px;align-content:center;background-color:initial;border:2px solid #aaa3;border-radius:50px;box-sizing:border-box;color:#000;column-gap:7px;cursor:pointer;display:grid;font-family:inherit;grid-template-columns:-webkit-min-content -webkit-min-content;grid-template-columns:min-content min-content;height:32px;margin:0;max-width:100px;padding:8px 12px;text-align:center;transition:opacity .4s;width:100%}.header__account-button:hover{opacity:.8}@media screen and (max-width:768px){.header__account-button{display:none}}.header__account-button_bg_green{background-color:#2be080}.header__account-button-icon{height:14px;width:12px}.header__account-button-text{font-size:14px;font-weight:500;line-height:16px}.header__account-menu-button{background:#0000;background-image:url(/static/media/header-account-menu-icon.fdf57ee3c49efad33f55.svg);background-position:50%;background-repeat:no-repeat;background-size:44px 44px;border:0;cursor:pointer;display:none;height:44px;margin:0;padding:0;transition:opacity .4s;width:44px}.header__account-menu-button:hover{opacity:.8}@media screen and (max-width:768px){.header__account-menu-button{display:block}}@media screen and (max-width:520px){.header__account-menu-button{background-size:34px 41px;height:41px;width:44px}}.header__mobile-menu-layout{background-color:#0000004d;display:none;height:100vh;justify-content:flex-end;left:0;min-width:320px;position:absolute;position:fixed;top:0;width:100%;z-index:15}@media screen and (max-width:768px){.header__mobile-menu-layout{display:flex}}.project-heading{border-bottom:1px solid #000;width:100%}.project-heading__heading-title{font-family:inherit;font-size:22px;font-weight:400;letter-spacing:-.88px;margin:0;padding:0 0 23px}@media screen and (max-width:520px){.project-heading__heading-title{font-size:18px;letter-spacing:-.72px;padding-bottom:28px}}.header-unauthorized{background-color:#465dff;max-width:1280px;width:100%}.header-unauthorized__menu{grid-column-gap:30px;align-items:center;background-color:#465dff;box-sizing:border-box;column-gap:30px;display:grid;font-family:Inter,Arial,sans-serif;grid-template-columns:auto 1fr auto;margin:0 auto;max-width:1140px;min-height:74px;width:calc(100vw - 140px)}@media screen and (min-width:460px) and (max-width:1280px){.header-unauthorized__menu{width:calc(100vw - 60px)}}@media screen and (max-width:460px){.header-unauthorized__menu{column-gap:14px;width:calc(100vw - 28px)}}.header-unauthorized__logo-button{background:#0000;background-image:url(/static/media/logo.ed9d0ae888d6fe82c622.svg);background-position:50%;background-repeat:no-repeat;background-size:38px 38px;border:0;cursor:pointer;height:38px;margin:0;padding:0;transition:opacity .4s;width:38px}.header-unauthorized__logo-button:hover{opacity:.8}.header-unauthorized__register-button{background-color:initial;border:0;color:#fff;cursor:pointer;font-size:12px;font-weight:500;justify-self:flex-end;line-height:16px;margin:0;padding:0;text-align:center;transition:opacity .4s}.header-unauthorized__register-button:hover{opacity:.7}@media screen and (max-width:520px){.header-unauthorized__register-button{font-size:10px}}.header-unauthorized__login-button{align-content:center;background-color:#2be080;border:0;border-radius:3px;cursor:pointer;display:grid;height:32px;margin:0;padding:0;text-align:center;transition:opacity .4s;width:76px}.header-unauthorized__login-button:hover{opacity:.8}@media screen and (max-width:520px){.header-unauthorized__login-button{height:26px;width:54px}}.header-unauthorized__login-button-text{color:#000;font-family:inherit;font-size:12px;font-weight:500;line-height:16px}@media screen and (max-width:520px){.header-unauthorized__login-button-text{font-size:10px}}.mobile-menu{background-color:#fff;box-sizing:border-box;color:#000;display:grid;font-family:Inter,Arial,sans-serif;grid-auto-flow:column;grid-template-rows:159px 1fr;justify-items:center;max-width:520px;padding-bottom:90px;text-align:center;width:100%;z-index:16}@media screen and (max-width:620px){.mobile-menu{grid-template-rows:144px 1fr;max-width:620px;padding-bottom:46px}}.mobile-menu__close-button{background:#0000;background-image:url(/static/media/header-mobile-menu-close-icon.765a7a6bc7642e4cf1d9.svg);background-position:50%;background-repeat:no-repeat;background-size:30px 30px;border:0;cursor:pointer;height:30px;margin:0;padding:0;position:absolute;right:22.44px;top:22.44px;transition:opacity .4s;width:30px}.mobile-menu__close-button:hover{opacity:.8}@media screen and (max-width:620px){.mobile-menu__close-button{right:13.44px;top:13.44px}}.mobile-menu__list-item{font-size:18px;font-weight:500;text-underline-offset:4px}@media screen and (min-width:620px) and (max-width:1024px){.mobile-menu__list-item{text-underline-offset:10px}}@media screen and (max-width:620px){.mobile-menu__list-item{text-underline-offset:7px}}.mobile-menu__link{color:#000;text-decoration:none;transition:opacity .4s}.mobile-menu__link:hover{opacity:.7}.mobile-menu__link_active{color:#000;text-decoration:none;text-decoration:underline;transition:opacity .4s}.mobile-menu__menu{display:grid;grid-row:2/3;grid-template-rows:1fr}.mobile-menu__menu-links{grid-row-gap:28px;align-items:flex-end;display:grid;font-family:inherit;grid-auto-flow:column;grid-template-rows:repeat(3,auto) 1fr;justify-items:center;list-style:none;margin:0;padding:0;row-gap:28px}.mobile-menu__account-button{grid-column-gap:7px;align-content:center;background-color:initial;border:2px solid #aaa3;border-radius:50px;box-sizing:border-box;color:#000;column-gap:7px;cursor:pointer;display:grid;font-family:inherit;grid-template-columns:-webkit-min-content -webkit-min-content;grid-template-columns:min-content min-content;height:32px;margin:0;max-width:100px;padding:8px 12px;text-align:center;width:100%}.mobile-menu__account-button-icon{height:14px;width:12px}.mobile-menu__account-button-text{font-size:14px;font-weight:500;line-height:16px}.promo{align-content:center;background-color:#465dff;display:grid;font-family:Inter,Arial,sans-serif;justify-content:center;margin:0 auto;max-width:1280px;min-height:524px;position:relative;width:100%}@media screen and (min-width:748px) and (max-width:1024px){.promo{min-height:784px}}@media screen and (min-width:520px) and (max-width:748px){.promo{min-height:680px}}@media screen and (max-width:520px){.promo{min-height:570px}}.promo__landing-logo{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:320px 320px;left:50%;position:absolute;top:50%;transform:translate(-50%,-56%);width:320px}@media screen and (min-width:748px) and (max-width:1024px){.promo__landing-logo{transform:translate(-50%,-53%)}}@media screen and (min-width:520px) and (max-width:748px){.promo__landing-logo{background-size:280px 280px;width:280px}}@media screen and (max-width:520px){.promo__landing-logo{background-size:248px 248px;width:248px}}.promo__title{color:#fff;font-family:inherit;font-size:50px;font-weight:400;letter-spacing:-2px;line-height:58px;margin:0;max-width:730px;position:relative;text-align:center;top:-20px;width:100%}@media screen and (min-width:748px) and (max-width:1024px){.promo__title{top:-9px}}@media screen and (min-width:520px) and (max-width:748px){.promo__title{font-size:34px;max-width:520px}}@media screen and (max-width:520px){.promo__title{font-size:31px;letter-spacing:-1.24px;line-height:39px;max-width:300px}}.navtab{align-content:center;background-color:#f5f5f5;display:grid;font-family:Inter,Arial,sans-serif;justify-content:center;margin:0 auto;max-width:1280px;min-height:66px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:12}.navtab__menu-links{grid-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:repeat(3,-webkit-max-content);grid-template-columns:repeat(3,max-content);justify-items:center;list-style:none;margin:0;padding:0}@media screen and (max-width:520px){.navtab__menu-links{column-gap:24px}}.navtab__menu-link{color:#000;text-decoration:none}.navtab__menu-item{cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;line-height:16px;text-decoration:underline;transition:opacity .4s}.navtab__menu-item:hover{opacity:.7}@media screen and (max-width:520px){.navtab__menu-item{font-size:11px}}.about-project{display:grid;font-family:Inter,Arial,sans-serif;grid-template-rows:auto;margin:0 auto;max-width:1140px;padding:110px 0;width:100%}@media screen and (min-width:460px) and (max-width:1280px){.about-project{width:calc(100vw - 100px)}}@media screen and (max-width:460px){.about-project{width:calc(100vw - 36px)}}@media screen and (max-width:768px){.about-project{padding:92px 0 90px}}@media screen and (max-width:520px){.about-project{padding:72px 0 70px}}.about-project__description{grid-column-gap:40px;column-gap:40px;display:grid;font-family:Inter,Arial,sans-serif;grid-template-columns:repeat(2,minmax(319px,550px));justify-content:space-between;padding:73px 0 110px;width:100%}@media screen and (min-width:620px) and (max-width:768px){.about-project__description{column-gap:30px;grid-template-columns:repeat(2,minmax(245px,319px));padding:70px 0 100px}}@media screen and (max-width:620px){.about-project__description{grid-template-columns:1fr;grid-template-rows:-webkit-max-content;grid-template-rows:max-content;justify-content:center;padding:63px 0 61px;row-gap:56px}}@media screen and (max-width:320px){.about-project__description{grid-template-columns:284px}}.about-project__description-item{grid-row-gap:26px;display:grid;grid-template-rows:auto;row-gap:26px}@media screen and (min-width:748px) and (max-width:1024px){.about-project__description-item{max-width:319px;row-gap:24px;width:100%}}@media screen and (min-width:520px) and (max-width:748px){.about-project__description-item{row-gap:22px}}@media screen and (max-width:520px){.about-project__description-item{row-gap:16px}}.about-project__description-title{font-family:inherit;font-size:20px;font-weight:400;letter-spacing:-.8px;margin:0}@media screen and (min-width:748px) and (max-width:1024px){.about-project__description-title{max-width:319px;width:100%}}@media screen and (max-width:748px){.about-project__description-title{font-size:18px;letter-spacing:-.72px}}.about-project__description-text{font-size:14px;font-weight:400;line-height:20px;margin:0}@media screen and (min-width:768px) and (max-width:1024px){.about-project__description-text{font-size:12px}}@media screen and (max-width:768px){.about-project__description-text{font-size:11px;line-height:16px}}.about-project__duration{align-content:center;align-items:center;display:grid;font-family:Inter,Arial,sans-serif;grid-template-columns:228px 1fr;grid-template-rows:36px auto;width:100%}@media screen and (max-width:768px){.about-project__duration{grid-template-columns:140px 1fr}}@media screen and (max-width:550px){.about-project__duration{grid-template-columns:100px 1fr}}.about-project__duration-time-item{align-items:center;display:grid;font-family:inherit;justify-items:center;min-height:36px;width:100%}.about-project__duration-time-back-end{background-color:#2be080}.about-project__duration-time-front-end{background-color:#f2f2f2}.about-project__duration-time-text{font-size:14px;font-weight:400;margin:0}@media screen and (max-width:620px){.about-project__duration-time-text{font-size:11px}}.about-project__duration-text{color:#a0a0a0;font-family:inherit;font-size:14px;font-weight:500;line-height:17px;margin:0;padding-top:14px;text-align:center}@media screen and (max-width:768px){.about-project__duration-text{font-weight:400}}@media screen and (max-width:620px){.about-project__duration-text{font-size:11px;padding-top:10px}}.techs{background-color:#f5f5f5;font-family:Inter,Arial,sans-serif;padding:101px 0 100px;width:100%}@media screen and (max-width:768px){.techs{padding:90px 0}}@media screen and (max-width:520px){.techs{padding:68px 0 70px}}.techs__content{background-color:#f5f5f5;display:grid;font-family:Inter,Arial,sans-serif;grid-template-rows:auto;justify-items:center;margin:0 auto;max-width:1140px;width:100%}@media screen and (min-width:460px) and (max-width:1280px){.techs__content{width:calc(100vw - 100px)}}@media screen and (max-width:460px){.techs__content{width:calc(100vw - 36px)}}.techs__title{font-family:inherit;font-size:50px;font-weight:400;letter-spacing:-2px;line-height:58px;margin:0;padding:90px 0 28px;text-align:center}@media screen and (min-width:748px) and (max-width:1024px){.techs__title{padding:80px 0 22px}}@media screen and (min-width:620px) and (max-width:748px){.techs__title{font-size:40px}}@media screen and (max-width:620px){.techs__title{font-size:36px;padding:49px 0 14px}}@media screen and (max-width:520px){.techs__title{font-size:30px}}.techs__description{font-family:inherit;font-size:12px;font-weight:400;letter-spacing:-.48px;line-height:18px;margin:0;max-width:460px;padding-bottom:105px;text-align:center;width:100%}@media screen and (min-width:620px) and (max-width:768px){.techs__description{padding-bottom:83px}}@media screen and (max-width:620px){.techs__description{font-size:11px;letter-spacing:-.44px;line-height:16px;padding-bottom:50px}}@media screen and (max-width:520px){.techs__description{font-size:11px;letter-spacing:-.44px;line-height:16px}}.techs__list{grid-column-gap:10px;column-gap:10px;display:grid;grid-template-areas:"html css js react git express mongo";grid-template-columns:repeat(7,84px);justify-self:center;list-style:none;margin:0;min-height:57px;padding:0}@media screen and (min-width:560px) and (max-width:748px){.techs__list{grid-template-areas:". git . css ." "html . js . react" ". express . mongo .";grid-template-columns:repeat(5,84px);grid-template-rows:repeat(3,57px);justify-content:center;row-gap:10px}}@media screen and (min-width:372px) and (max-width:560px){.techs__list{grid-template-areas:". html ." "css . git" ". js ." "mongo . express" ". react .";grid-template-columns:repeat(3,84px);grid-template-rows:repeat(5,57px);justify-content:center;row-gap:10px}}@media screen and (max-width:372px){.techs__list{grid-template-areas:"html css" "js react" "git express" "mongo .";grid-template-columns:repeat(2,84px);grid-template-rows:repeat(4,57px);justify-content:center;row-gap:10px}}.techs__item{align-items:center;background-color:#e8e8e8;border-radius:10px;display:grid;font-family:inherit;font-size:12px;font-weight:400;justify-items:center;letter-spacing:-.56px;width:100%}@media screen and (max-width:768px){.techs__item{letter-spacing:-.48px}.techs__item-css{grid-area:css}.techs__item-express{grid-area:express}.techs__item-git{grid-area:git}.techs__item-html{grid-area:html}.techs__item-js{grid-area:js}.techs__item-mongodb{grid-area:mongo}.techs__item-react{grid-area:react}}.about-me{display:grid;font-family:Inter,Arial,sans-serif;grid-template-rows:auto;margin:0 auto;max-width:1140px;padding:112px 0 100px;width:100%}@media screen and (min-width:460px) and (max-width:1280px){.about-me{width:calc(100vw - 100px)}}@media screen and (max-width:460px){.about-me{width:calc(100vw - 36px)}}@media screen and (max-width:768px){.about-me{padding:93px 0 87px}}@media screen and (max-width:520px){.about-me{padding:70px 0}}.about-me__content{grid-column-gap:49px;column-gap:49px;display:grid;grid-template-columns:minmax(344px,600px) minmax(255px,1fr);grid-template-rows:1fr;padding-top:66px}@media screen and (min-width:520px) and (max-width:748px){.about-me__content{column-gap:25px;grid-template-columns:minmax(259px,344px) minmax(145px,255px);min-height:306px}}@media screen and (max-width:520px){.about-me__content{grid-template-columns:1fr;grid-template-rows:auto;padding-top:60px;row-gap:40px}}.about-me__info{display:grid;grid-template-rows:repeat(3,auto) 1fr;width:100%}@media screen and (max-width:520px){.about-me__info{grid-row:2/3}}.about-me__name{font-family:inherit;font-size:50px;font-weight:400;letter-spacing:-2px;line-height:58px;margin:0}@media screen and (min-width:748px) and (max-width:1024px){.about-me__name{font-size:40px;letter-spacing:-1.6px;line-height:40px}}@media screen and (min-width:520px) and (max-width:748px){.about-me__name{font-size:34px;letter-spacing:-1.4px;line-height:34px}}@media screen and (max-width:520px){.about-me__name{font-size:30px;letter-spacing:-1.2px;line-height:30px}}.about-me__major-in{font-family:inherit;font-size:18px;font-weight:500;line-height:20px;margin:0;padding:18px 0 26px}@media screen and (min-width:620px) and (max-width:1024px){.about-me__major-in{font-size:12px;line-height:18px;padding:16px 0 20px}}@media screen and (max-width:620px){.about-me__major-in{font-size:11px;line-height:16px;padding:24px 0 20px}}.about-me__description{font-family:inherit;font-size:14px;font-weight:400;line-height:22px;margin:0}@media screen and (min-width:620px) and (max-width:1024px){.about-me__description{font-size:12px;line-height:18px}}@media screen and (max-width:620px){.about-me__description{font-size:11px;line-height:16px;padding-bottom:40px}}.about-me__github-link{align-self:flex-end;color:#000;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;margin:0;text-decoration:none;transition:opacity .4s}.about-me__github-link:hover{opacity:.7}.about-me__photo{justify-self:flex-end}@media screen and (max-width:520px){.about-me__photo{grid-row:1/2;justify-self:center}}.about-me__photo-img{aspect-ratio:.83;max-width:100%;width:100%}@media screen and (max-width:520px){.about-me__photo-img{aspect-ratio:.81;width:292px}}.profile{display:grid;font-family:Inter,Arial,sans-serif;grid-template-rows:-webkit-max-content;grid-template-rows:max-content;justify-items:center}.profile__form{align-items:center;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,auto);justify-content:space-between;max-width:410px;padding-top:74px;width:100%}@media screen and (min-width:620px) and (max-width:1024px){.profile__form{padding-top:236px}}@media screen and (max-width:620px){.profile__form{max-width:260px;padding-top:70px}}.profile__title{font-size:24px;font-weight:500;grid-column:1/3;justify-self:center;margin:0;padding-bottom:123px}@media screen and (min-width:620px) and (max-width:1024px){.profile__title{padding-bottom:98px}}@media screen and (max-width:620px){.profile__title{padding-bottom:80px}}.profile__line{background-color:#e8e8e8;grid-column:1/3;grid-row:3/4;height:1px;margin:16px 0 17px;width:100%}.profile__label{font-weight:500;max-width:141px}.profile__input,.profile__label{font-size:11px;min-height:14px;width:100%}.profile__input{border:0;box-sizing:border-box;font-weight:400;justify-self:flex-end;max-width:122px;padding:1px;text-align:right}.profile__input:focus{outline:1px solid #2be080}.profile__input_type_error{border-bottom:1px solid #ff6838;color:#ee3465}.profile__input_type_disabled{background-color:#f1f1f1}.profile__input-span-error{color:#ee3465;font-family:inherit;font-size:9px;font-weight:400;grid-column:1/3;margin-top:6px;max-width:410px;min-height:24px;width:100%}@media screen and (max-width:620px){.profile__input-span-error{max-width:260px}}.profile__edit-button{background-color:initial;border:0;cursor:pointer;font-size:13px;font-weight:400;grid-column:1/3;justify-self:center;margin:0;padding:0;text-align:center;transition:opacity .4s}.profile__edit-button:hover{opacity:.7}.profile__save-button{background-color:#ff6838;border:0;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;grid-column:1/3;height:45px;justify-self:center;margin:0;max-width:410px;padding:0;text-align:center;transition:opacity .4s;width:100%}.profile__save-button:hover{opacity:.8}.profile__save-button_disabled{background-color:#f8f8f8;color:#c2c2c2;cursor:default;pointer-events:none}.profile__logout-button{background-color:initial;border:0;color:#ee3465;cursor:pointer;font-size:13px;font-weight:500;margin:0;padding:0;text-align:center;transition:opacity .4s}.profile__logout-button:hover{opacity:.7}.profile__info-tool-tip{align-content:center;display:flex;font-family:Inter,Arial,sans-serif;grid-column:1/3;justify-content:center;margin-top:127px;min-height:33px;padding:16px 0;text-align:center;width:100%}@media screen and (min-width:620px) and (max-width:1024px){.profile__info-tool-tip{margin-top:115px}}@media screen and (max-width:620px){.profile__info-tool-tip{margin-top:284px}}.profile__info-tool-tip-text{font-family:inherit;font-size:11px;font-weight:400;margin:0}.profile__footer{display:flex;font-family:Inter,Arial,sans-serif;justify-content:center;margin:0 auto;padding:16px 0 70px}@media screen and (max-width:620px){.profile__footer{padding-bottom:40px}}.portfolio{display:grid;font-family:Inter,Arial,sans-serif;grid-template-rows:auto;margin:0 auto;max-width:1140px;padding-bottom:105px;width:100%}@media screen and (min-width:460px) and (max-width:1280px){.portfolio{width:calc(100vw - 100px)}}@media screen and (max-width:460px){.portfolio{width:calc(100vw - 36px)}}@media screen and (max-width:768px){.portfolio{padding-bottom:75px}}@media screen and (max-width:520px){.portfolio{padding-bottom:48px}}.portfolio__title{color:#a0a0a0;font-family:inherit;font-size:18px;font-weight:400;line-height:20px;margin:0;padding-bottom:23px}@media screen and (min-width:748px) and (max-width:1024px){.portfolio__title{padding-bottom:33px}}@media screen and (max-width:520px){.portfolio__title{font-size:14px;padding-bottom:24px}}.portfolio__list{list-style:none;margin:0;padding:0}.portfolio__item{padding:18px 0 14px}@media screen and (min-width:748px) and (max-width:1024px){.portfolio__item{padding:19px 0 18px}}@media screen and (max-width:520px){.portfolio__item{padding:19px 0 21px}}.portfolio__item-adaptive-site,.portfolio__item-static-site{border-bottom:1px solid #e8e8e8}.portfolio__link{align-items:center;color:#000;cursor:pointer;display:grid;font-family:inherit;font-size:30px;font-weight:400;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;letter-spacing:-1.2px;line-height:50px;text-decoration:none;transition:opacity .4s}.portfolio__link:hover{opacity:.7}@media screen and (min-width:748px) and (max-width:1024px){.portfolio__link{font-size:28px;letter-spacing:-1.12px}}@media screen and (min-width:520px) and (max-width:748px){.portfolio__link{font-size:22px;letter-spacing:-1px;line-height:28px}}@media screen and (max-width:520px){.portfolio__link{font-size:18px;letter-spacing:-.72px;line-height:28px}}.portfolio__link-icon{background-image:url(/static/media/portfolio-link-icon.13567cef3df4696d4516.svg);background-position:5px 24px;background-repeat:no-repeat;background-size:18px 17px;height:60px;justify-self:flex-end;width:29px}@media screen and (min-width:1024px) and (max-width:1280px){.portfolio__link-icon{width:27px}}@media screen and (max-width:1024px){.portfolio__link-icon{background-position:0 0;height:28px;width:18px}}.info-tool-tip__text{color:#ee3465}.info-tool-tip__text_color_green{color:#2be080}.info-tool-tip__text_color_black{color:#000}.info-tool-tip_disabled{visibility:hidden}.movies-search{display:grid;font-family:Inter,Arial,sans-serif;grid-template-rows:auto;margin:0 auto;max-width:1140px;padding:70px 0 48px;width:calc(100vw - 140px)}@media screen and (min-width:460px) and (max-width:1280px){.movies-search{width:calc(100vw - 60px)}}@media screen and (max-width:460px){.movies-search{width:calc(100vw - 28px)}}@media screen and (min-width:620px) and (max-width:768px){.movies-search{padding:80px 0 61px}}@media screen and (max-width:620px){.movies-search{padding:85px 0 51px}}.movies-search_type_saved-movies{display:grid;font-family:Inter,Arial,sans-serif;grid-template-rows:auto;margin:0 auto;max-width:1140px;padding-top:70px;width:calc(100vw - 140px)}@media screen and (min-width:460px) and (max-width:1280px){.movies-search_type_saved-movies{width:calc(100vw - 60px)}}@media screen and (max-width:460px){.movies-search_type_saved-movies{width:calc(100vw - 28px)}}@media screen and (min-width:620px) and (max-width:768px){.movies-search_type_saved-movies{padding-top:80px}}@media screen and (max-width:620px){.movies-search_type_saved-movies{padding-top:85px}}.movies-search__short-films{border-top:1px solid #e8e8e8;display:grid;grid-auto-flow:column;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;max-width:1140px;padding-top:33px}@media screen and (min-width:620px) and (max-width:768px){.movies-search__short-films{justify-content:flex-end;padding-top:30px}}@media screen and (max-width:620px){.movies-search__short-films{justify-content:center;padding-top:40px}}.movies-search__filter-checkbox-label{font-size:13px;font-weight:400;line-height:18px}@media screen and (min-width:620px) and (max-width:768px){.movies-search__filter-checkbox-label{grid-column:2/3;padding-left:16px}}@media screen and (max-width:620px){.movies-search__filter-checkbox-label{font-size:11px;grid-column:2/3;padding-left:16px}}.movies-search__filter-checkbox-tumb-button{background:#0000;background-image:url(/static/media/movies-search-tumb-icon-type-active.0d4132db45b45c94e714.svg);background-position:50%;background-repeat:no-repeat;background-size:36px 20px;border:0;cursor:pointer;height:20px;margin:0;padding:0;transition:opacity .4s;width:36px}.movies-search__filter-checkbox-tumb-button:hover{opacity:.8}.movies-search__filter-checkbox-tumb-button_disabled{background-image:url(/static/media/movies-search-tumb-icon-type-disabled.6a98a645bf5ea38c29b0.svg)}.movies-search__filter-checkbox-label-text{font-size:13px;font-weight:400;line-height:18px;padding-left:14px}@media screen and (min-width:620px) and (max-width:768px){.movies-search__filter-checkbox-label-text{grid-column:1/2;padding-left:0}}@media screen and (max-width:620px){.movies-search__filter-checkbox-label-text{font-size:11px;grid-column:1/2;padding-left:13px}}.search-form{display:grid;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;grid-template-rows:auto;justify-items:self-end;max-width:1140px;padding-bottom:13px;width:100%}@media screen and (max-width:620px){.search-form{padding-bottom:8px}}.search-form__input{background-color:initial;border:0;box-sizing:border-box;color:#a0a0a0;font-size:28px;font-weight:500;outline:none;padding:0;width:100%}@media screen and (max-width:620px){.search-form__input{font-size:18px}}.search-form__button{background:#0000;background-image:url(/static/media/search-form-search-button-icon.6daf885cf09d92beb04c.svg);background-position:50%;background-repeat:no-repeat;background-size:34px 34px;border:0;cursor:pointer;height:34px;margin:0 0 0 46px;padding:0;transition:opacity .4s;width:34px}.search-form__button:hover{opacity:.8}.search-form__button_disabled{background-image:url(/static/media/search-form-search-button-disabled-icon.7579d6b6759d35a76c34.svg);cursor:default}.search-form__button_disabled:hover{opacity:1}.popup{align-items:center;background-color:#00000080;display:flex;font-family:Inter,Arial,sans-serif;height:100vh;justify-content:center;left:0;margin:0;max-width:100%;opacity:0;pointer-events:none;position:fixed;top:0;transition:visibility .5s,opacity .5s linear;visibility:hidden;width:100vw;z-index:17}.popup__button{background-color:#ff6838;border:0;border-radius:2px;color:#fff;cursor:pointer;font-family:inherit;font-size:18px;font-style:normal;font-weight:400;height:50px;line-height:22px;margin:0;max-width:358px;padding:0;text-align:center;transition:opacity .4s;width:100%}.popup__button:hover{opacity:.8}@media screen and (max-width:620px){.popup__button{font-size:14px;height:46px;line-height:17px;max-width:238px}}.popup__close-button{background-color:initial;background-image:url(/static/media/popup-form-close-icon.e7037ad5420e241f7a53.svg);background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:0;cursor:pointer;height:32px;margin:0;position:absolute;right:-39px;top:-39px;transition:opacity .1s;width:32px}.popup__close-button:hover{opacity:.6}@media screen and (max-width:620px){.popup__close-button{background-size:20px 20px;height:20px;right:0;top:-36px;width:20px}}.popup__container{max-width:75vw;position:relative}@media screen and (max-width:620px){.popup__container{max-width:382px}}.popup__form{align-items:center;background:#fff;border-radius:10px;box-shadow:0 0 25px #00000026;display:flex;flex-direction:column;grid-column:1/2;padding-bottom:37px;width:430px;z-index:20}@media screen and (max-width:620px){.popup__form{grid-row:2/3;padding-bottom:25px;width:282px}}.popup__title{color:#000;font-size:24px;font-style:normal;font-weight:900;line-height:29px;margin:34px 0 48px;max-width:358px;text-align:left;width:100%}@media screen and (max-width:620px){.popup__title{font-size:18px;line-height:22px;margin:27px 0 73px;max-width:238px}}.popup_opened{opacity:1;pointer-events:auto;visibility:visible}.login-register{font-family:Inter,Arial,sans-serif;margin:0 auto}.login-register,.login-register__form{align-items:center;display:flex;flex-direction:column}.login-register__form{font-family:inherit;max-width:396px;width:100%}@media screen and (max-width:620px){.login-register__form{max-width:260px}}.login-register__label{align-self:flex-start;color:#a0a0a0;font-family:inherit;font-size:10px;font-weight:400;padding-bottom:5px}.login-register__title{color:#000;font-family:inherit;font-size:24px;font-weight:500;margin:0;max-width:396px;padding-bottom:40px;width:100%}@media screen and (max-width:620px){.login-register__title{padding-bottom:80px;text-align:center}}.login-register__input{background-color:initial;border:0;border-bottom:1px solid #e8e8e8;box-sizing:border-box;font-family:inherit;font-size:14px;font-weight:400;line-height:17px;padding:0 0 10px;width:100%}.login-register__input:focus{outline:none}.login-register__input_type_error{border-bottom:1px solid #ff6838;color:#ee3465}.login-register__input_type_disabled{background-color:#f1f1f1}.login-register__input-span-error{color:#ee3465;font-family:inherit;font-size:10px;font-weight:400;line-height:12px;margin-top:6px;max-width:396px;min-height:24px;width:100%}@media screen and (max-width:620px){.login-register__input-span-error{max-width:260px}}.login-register__button{background-color:#ff6838;border:0;border-radius:3px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;height:45px;margin:0;max-width:396px;padding:0;text-align:center;transition:opacity .4s;width:100%}.login-register__button:hover{opacity:.8}@media screen and (max-width:620px){.login-register__button{font-size:12px;max-width:260px}}.login-register__button_disabled{background-color:#f8f8f8;color:#c2c2c2;cursor:default;pointer-events:none}.login-register__button_disabled:hover{opacity:1}.login-register__info-tool-tip{align-content:center;display:flex;font-family:Inter,Arial,sans-serif;justify-content:center;margin-top:127px;min-height:33px;padding:16px 0;text-align:center;width:100%}.login-register__info-tool-tip_type_login{margin-top:123px}@media screen and (min-width:620px) and (max-width:1024px){.login-register__info-tool-tip_type_login{margin-top:123px}}@media screen and (max-width:620px){.login-register__info-tool-tip_type_login{margin-top:212px}}.login-register__info-tool-tip_type_register{margin-top:50px}@media screen and (min-width:620px) and (max-width:1024px){.login-register__info-tool-tip_type_register{margin-top:50px}}@media screen and (max-width:620px){.login-register__info-tool-tip_type_register{margin-top:138px}}.login-register__info-tool-tip-text{font-family:inherit;font-size:11px;font-weight:400;margin:0}.login-register__footer{font-family:Inter,Arial,sans-serif;margin:0 auto;max-width:396px;width:100%}@media screen and (max-width:620px){.login-register__footer{max-width:260px}}.login-register-header{display:flex;margin:0 auto;max-width:396px;padding:70px 0 40px;width:100%}@media screen and (min-width:620px) and (max-width:1024px){.login-register-header{padding-top:232px}}@media screen and (max-width:620px){.login-register-header{justify-content:center;max-width:260px;padding:56px 0 50px}}.login-register-header__logo-button{background:#0000;background-image:url(/static/media/logo.ed9d0ae888d6fe82c622.svg);background-position:50%;background-repeat:no-repeat;background-size:38px 38px;border:0;cursor:pointer;height:38px;margin:0;padding:0;transition:opacity .4s;width:38px}.login-register-header__logo-button:hover{opacity:.8}.register-container{grid-column-gap:6px;column-gap:6px;display:grid;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);justify-content:center;padding:16px 0 70px}@media screen and (max-width:620px){.register-container{column-gap:7px;padding:14px 0 30px}}.register-container__signup-text{color:#a0a0a0;font-family:inherit;font-size:14px;font-weight:400;margin:0}@media screen and (max-width:620px){.register-container__signup-text{font-size:12px}}.register-container__signup-button{background-color:initial;border:0;color:#ff6838;cursor:pointer;font-size:14px;font-weight:400;margin:0;padding:0;transition:opacity .4s}.register-container__signup-button:hover{opacity:.7}@media screen and (max-width:620px){.register-container__signup-button{font-size:12px}}.card{align-items:center;background:#fdfdfd;border-radius:6px;box-shadow:0 4px 30px 0 #00000014;display:grid;font-family:Inter,Arial,sans-serif;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-template-rows:auto;list-style:none;overflow:hidden;width:100%}.card__img{aspect-ratio:1.8;margin-bottom:8px;object-fit:cover;width:100%}.card__img-link{cursor:pointer;grid-column:1/3}.card__del-button{background:#fff;background-image:url(/static/media/card-del-button-icon.103b54acaafa7277c501.svg);background-position:50%;background-repeat:no-repeat;background-size:12px 12px;border:0;border-radius:36px;cursor:pointer;grid-column:2/3;height:30px;justify-self:flex-end;margin:0 14px 0 0;padding:0;transition:opacity .4s;width:30px}.card__del-button:hover{opacity:.8}.card__time-duration{color:#a0a0a0;font-size:11px;font-weight:400;grid-column:1/3;margin:0;padding:12px 0 14px 14px}@media screen and (min-width:748px) and (max-width:1024px){.card__time-duration{padding-top:9px}}@media screen and (max-width:520px){.card__time-duration{padding-top:6px}}.card__title{font-size:13px;font-weight:500;grid-column:1/2;margin:0;max-width:290px;overflow:hidden;padding-left:14px;text-overflow:ellipsis;white-space:nowrap;width:100%}@media screen and (max-width:520px){.card__title{font-size:12px}}.movies-card__like-button{background:#fff;background-image:url(/static/media/card-like-button-icon.847aba4134d9ce319865.svg);background-position:50%;background-repeat:no-repeat;background-size:30px 30px;border:0;border-radius:36px;cursor:pointer;grid-column:2/3;height:30px;justify-self:flex-end;margin:0 14px 0 0;padding:0;transition:opacity .4s;width:30px}.movies-card__like-button:hover{opacity:.8}.movies-card__like-button_active{background-image:url(/static/media/card-like-button-icon-active.7e646bfd28d3bc6492f7.svg)}.filter-checkbox{display:block}.filter-checkbox__input{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}.filter-checkbox__pseudo-item{display:inline-block;vertical-align:middle}.movies-cards{margin:0 auto;max-width:1140px;padding-bottom:10px;width:100%}@media screen and (min-width:748px) and (max-width:1024px){.movies-cards{padding-bottom:30px}}@media screen and (max-width:748px){.movies-cards{padding-bottom:30px}}@media screen and (max-width:520px){.movies-cards{padding-bottom:25px}}@media screen and (min-width:1024px){.movies-cards_padding_changed{padding-bottom:107px}}.movies-cards__list{grid-column-gap:24px;grid-row-gap:39px;column-gap:24px;display:grid;grid-template-columns:repeat(3,364px);grid-template-rows:auto;margin:0 auto;max-width:1140px;padding:0;row-gap:39px;width:calc(100vw - 140px)}@media screen and (min-width:460px) and (max-width:1280px){.movies-cards__list{width:calc(100vw - 60px)}}@media screen and (max-width:460px){.movies-cards__list{width:calc(100vw - 20px)}}@media screen and (min-width:620px) and (max-width:1280px){.movies-cards__list{column-gap:30px;grid-template-columns:repeat(2,minmax(273px,595px));row-gap:30px}}@media screen and (min-width:620px) and (max-width:748px){.movies-cards__list{column-gap:14px;row-gap:14px}}@media screen and (max-width:620px){.movies-cards__list{grid-template-columns:1fr;justify-items:center;row-gap:14px}}.movies-cards__list_invisible{display:none}.load-more{align-items:center;display:flex;font-family:Inter,Arial,sans-serif;justify-content:center;padding:50px 0 80px;width:100%}.load-more__button{background:#0000;border:1px solid #e8e8e8;border-radius:3px;cursor:pointer;height:36px;margin:0;padding:0;transition:opacity .4s;width:320px}.load-more__button:hover{opacity:.8}@media screen and (max-width:420px){.load-more__button{width:240px}}.load-more__button_disabled{height:10px;visibility:hidden}.load-more__button-text{font-size:12px;font-weight:500}.footer{align-self:flex-end;display:grid;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:400;grid-template-rows:auto;margin:0 auto;max-width:1140px;padding-top:79px;width:calc(100vw - 140px)}@media screen and (min-width:460px) and (max-width:1280px){.footer{width:calc(100vw - 60px)}}@media screen and (max-width:460px){.footer{width:calc(100vw - 20px)}}@media screen and (max-width:720px){.footer{font-size:12px}}.footer_padding_changed{padding-top:219px}.footer__study-project-text{color:#a0a0a0;justify-self:center;margin:0;padding-bottom:20px;text-align:center}.footer__list-items{grid-column-gap:20px;border-top:1px solid #e8e8e8;column-gap:20px;display:grid;grid-template-columns:-webkit-max-content 1fr -webkit-max-content;grid-template-columns:max-content 1fr max-content;list-style:none;margin:0;padding:20px 0}@media screen and (max-width:720px){.footer__list-items{column-gap:0;grid-template-columns:1fr;grid-template-rows:auto;justify-items:center;padding:30px 0 20px;row-gap:12px}.footer__copyright{color:#a0a0a0;grid-row:3/4}}.footer__yandex-practicum{justify-self:flex-end}@media screen and (max-width:720px){.footer__yandex-practicum{grid-row:1/2;justify-self:auto}.footer__github{grid-row:2/3;padding-bottom:18px}}.input-focused{border-color:#2be080}@keyframes preloader-inside-white{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes preloader-inside-red{0%{transform:scale(0)}30%{transform:scale(0)}to{transform:scale(1)}}.preloader{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:20px;width:100%;z-index:10}.preloader__container{height:100px;position:relative;width:100px}.preloader__round{background:#2be080}.preloader__round,.preloader__round:after,.preloader__round:before{border-radius:50px;height:100px;left:0;position:absolute;top:0;width:100px}.preloader__round:after,.preloader__round:before{content:""}.preloader__round:after{animation:preloader-inside-white 1s ease-in-out infinite;background:#fff}.preloader__round:before{animation:preloader-inside-red 1s ease-in-out infinite;background:#ff6838;z-index:10}.not-found-page__header{display:flex;font-family:Inter,Arial,sans-serif;justify-content:center;margin:0 auto;padding-top:250px}@media screen and (min-width:620px) and (max-width:1024px){.not-found-page__header{padding-top:412px}}@media screen and (max-width:620px){.not-found-page__header{padding-top:333px}}.not-found-page__title{font-family:Inter,Arial,sans-serif;font-size:140px;font-weight:400;margin:0;max-width:400px;text-align:center;width:100%}@media screen and (max-width:620px){.not-found-page__title{font-size:80px;max-width:300px}}.not-found-page__content{display:flex;font-family:Inter,Arial,sans-serif;justify-content:center;margin:0 auto}.not-found-page__description{font-size:16px;font-weight:400;margin:0;max-width:400px;padding-top:8px;text-align:center;width:100%}@media screen and (max-width:620px){.not-found-page__description{font-size:12px;max-width:300px;padding-top:10px}}.not-found-page__footer{display:flex;font-family:Inter,Arial,sans-serif;justify-content:center;margin:0 auto}.not-found-page__prev-button{background-color:initial;border:0;color:#ff6838;cursor:pointer;font-size:14px;font-weight:400;margin:184px 0 30px;padding:0}@media screen and (max-width:620px){.not-found-page__prev-button{font-size:12px}}
/*# sourceMappingURL=main.7aa4f56c.css.map*/