@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,700i,900&display=swap&subset=latin-ext);body{margin:0}html{font-family:roboto;font-size:16px;color:#253c78;background:#f9f7f9;scroll-behavior:smooth}.header__bar{position:absolute;width:100%;height:44px;left:0;top:0;background:#6320ee;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:32px}.bank-name{margin:8px 0;width:127px;height:21px;font-family:"Roboto",sans-serif;font-style:normal;font-weight:500;font-size:18px;line-height:21px;color:#e7f0ff;text-shadow:0 4px 4px rgba(4,0,0,.7)}.button-login{background:#4392f1;color:#e7f0ff;margin:4px 16px;transition:background 1s ease .1s}.button-login:hover{background:#0072ff}@media(min-width:721px){.button-login{margin:10px 4px;height:34px;width:120px;grid-area:login;justify-self:right}.bank-name{font-size:24px;grid-area:bn}.hamburger{display:none}.header{margin-bottom:120px}.header__bar{background:#6320ee;height:60px;display:grid;grid-template-columns:4fr 4fr 1fr;grid-template-areas:". bn login" "nav nav nav"}.navigation{grid-area:nav;width:100vw;height:32px}.navigation__list{position:relative;display:flex;justify-content:space-around;background:#fefefe;box-shadow:0 4px 4px rgba(0,0,0,.25)}.navigation__item{margin:16px 8px;font-size:16px;transition:font-size .2s ease}.navigation__item:hover{font-size:18px}a{color:#6320ee}}@media(max-width:721px){.header__bar{position:fixed}.navigation__item{transition:font-weight .2s ease}.navigation__item:hover{font-weight:700}}@media(max-width:721px){.hamburger,.navigation{transition:transform .3s ease-in-out .1s}.hamburger--active{transform:translatex(calc(100vw - 58px));z-index:300}.hamburger__box{width:35px;height:24px;display:inline-block;position:relative}.hamburger__inner{top:50%;transform:translateY(-50%);transition:background-color .1s ease-in-out .2s}.hamburger__inner,.hamburger__inner:after,.hamburger__inner:before{width:100%;height:3px;background-color:#fefefe;position:absolute;left:0}.hamburger__inner:after,.hamburger__inner:before{content:"";transition:transform .37s ease-in-out .39s}.hamburger__inner:before{top:-10px}.hamburger__inner:after{top:10px}.hamburger--active .hamburger__inner{background-color:transparent}.hamburger--active .hamburger__inner:before{transform:translateY(10px) rotate(45deg)}.hamburger--active .hamburger__inner:after{transform:translateY(-10px) rotate(-45deg)}.hamburger{padding:10px;display:inline-block;cursor:pointer;background-color:#6320ee;border-radius:4px;border:0;margin:0}.navigation{height:calc(100vh + 30px);width:100vw;position:absolute;top:-30px;left:0;transform:translateX(-100vw);margin-top:0;background:#6320ee;background:linear-gradient(0deg,rgba(99,32,238,0) 7%,rgba(99,32,238,.686825054) 18%,#6320ee 55%)}.navigation__list{display:flex;padding-left:40px;flex-direction:column;margin-top:15vh;list-style:none}.navigation--active{transform:translateX(0);display:inline-block}.navigation__item{margin-bottom:24px}.navigation__item:after{content:"";margin-top:8px;display:block;width:50px;height:4px;border-radius:4px;background:#4392f1}a{color:#e7f0ff}}.presentation{margin-top:32px}.presentation__button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#e7f0ff;border:1px solid rgba(0,0,0,.2);color:#4392f1;margin:16px;padding:8px 16px}.presentation__button--open-account{color:#e7f0ff;background:#4392f1}.presentation__button--container{margin-top:auto;display:flex;flex-direction:row;justify-content:space-around}.presentation__account,.presentation__app,.presentation__mortgage{margin:8px;background:#e7f0ff;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:4px;display:flex;flex-direction:column;justify-content:flex-start}.presentation__account--picture{background-image:url(/banking-application/static/media/happy-people-holdings-hands.4909f037.jpg)}.presentation__app--picture{background-image:url(/banking-application/static/media/woman-holding-smartphone.2b86b0a8.jpg)}.presentation__mortgage--picture{background-image:url(/banking-application/static/media/nice-looking-apartment.c034f4da.jpg)}.presentation__account--picture,.presentation__app--picture,.presentation__mortgage--picture{display:block;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;min-height:170px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;border-radius:4px}@media(min-width:481px){.presentation{margin:32px auto;max-width:550px;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"account account" "app mortgage"}.presentation__button{padding:4px 20px}.presentation__account,.presentation__app,.presentation__mortgage{max-width:360px}.presentation__app{grid-area:app}.presentation__mortgage{grid-area:mortgage}.presentation__account{grid-template-columns:1fr 1fr;grid-area:account;max-width:100%;display:grid;grid-template-areas:"img txt" "img txt" "img buttons"}.presentation__account--picture{grid-area:img;width:260px;height:300px}.presentation__account--text-container{grid-area:txt;max-width:75%}.presentation__account----button-container{grid-area:buttons}}.footer{margin-top:40px;background:#e0e0e0;display:flex;padding:0 40px;justify-content:space-between;border-top:1px solid #bfbfbf;color:#4392f1;text-shadow:2px 2px 2px rgba(49,49,49,.3)}.footer__navigation{padding-left:0}.social__list{margin-bottom:0}@media(min-width:601px){.footer{display:flex;flex-direction:column}.footer__list{display:flex;flex-direction:row;justify-content:center}.footer__list--element{margin:4px 16px}.social__list{display:flex;flex-direction:row;justify-content:center}.social__list--link{margin:4px 16px;padding-bottom:24px}}h6{text-align:right;margin-right:22px}.news__box{max-width:536px;margin:auto}.news__big-header{margin-top:68px;margin-left:32px;margin-bottom:40px}.news__container{margin:8px;background:#e7f0ff;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:4px;display:flex;flex-direction:column;align-items:center}.news__header{margin:40px 0 30px;text-align:center}.button-news{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#e7f0ff;border:1px solid rgba(0,0,0,.2);border-radius:16px;color:#4392f1;padding:4px 15px;margin:16px;text-decoration:none;font-weight:700;transition:all .3s ease-in .1s}.button-news:hover{box-shadow:0 4px 4px rgba(0,0,0,.25);transform:scale(1.05)}@media(min-width:481px){.news{max-width:536px;margin:0 auto}.news__container{padding:8px 16px;margin:16px}}.form-container{border:1px solid #000;border-radius:4px;background:#6320ee;color:#e7f0ff;display:flex;flex-direction:column;max-width:400px;padding:0;width:calc(100vw - 12px);margin:0 6px}.button-close{background:#4392f1;margin-bottom:20px;align-self:flex-end;border-radius:2px;width:55px;height:44px;font-size:24px;display:flex;padding:auto;justify-content:center;transition:background .3s ease .1s}.button-close:hover{background:#844134}.login-form{display:flex;flex-direction:column;justify-content:center;height:200px;padding:auto;width:100%}.login-form__label{width:240px;margin:4px auto}.button-submit{margin:32px 28px;padding:10px}.button__container{display:flex;flex-direction:row;justify-content:center}input{margin-top:4px;margin-left:6px;width:100%;height:22px;border-radius:12px}.darken-box,.slide-down{position:fixed;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center}.darken-box{top:-100vh}.slide-down{transition:transform 1s ease-in-out 1s;top:0}h3,p{margin:8px}button{border:1px solid rgba(0,0,0,.2);border-radius:15px;box-shadow:0 4px 4px rgba(0,0,0,.25);font-size:15px;font-family:"Roboto",sans-serif;font-style:normal;font-weight:700;line-height:14px;padding:5px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;transition:-webkit-filter .3s ease-in-out .1s;transition:filter .3s ease-in-out .1s;transition:filter .3s ease-in-out .1s,-webkit-filter .3s ease-in-out .1s}button:hover{-webkit-filter:sepia(35%);filter:sepia(35%)}.button-knowledge{background:#e7f0ff;border:1px solid rgba(0,0,0,.2);color:#4392f1;margin:16px}.know-how{display:flex;flex-direction:column;background:#e5e5e5;margin:40px 8px;align-items:center;border-radius:4px;box-shadow:0 4px 4px rgba(0,0,0,.25)}.news-api-info{max-width:536px;margin:0 auto}ul{list-style:none;padding-left:0;margin:0}a{text-decoration:none}
/*# sourceMappingURL=main.bd274836.chunk.css.map */