html{height:100%}body{margin:0;font-family:Roboto,sans-serif}#root,.App,body{height:inherit}.App{display:grid;grid-template-rows:auto 1fr auto;background:#fff}.title{width:100%;color:#000;text-align:center;text-transform:uppercase;font-size:28px;margin-top:25px;margin-bottom:35px}@media(max-width:600px){.title{font-size:22px;margin-top:47px}}.newTitle{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;padding:0;font-weight:400;font-size:30px;line-height:1.3;color:#1d1b20;margin:0 0 32px}@media(max-width:960px){.newTitle{font-size:3.1vw}}@media(max-width:700px){.newTitle{font-size:25px;text-align:center}}.subtitle{text-align:center;color:gray;font-size:25px;text-transform:uppercase}@media(max-width:600px){.subtitle{font-size:20px;margin-top:20px}}.welcomeTitle{width:100%;color:#000;text-align:center;font-size:35px;margin-top:50px}@media(max-width:600px){.welcomeTitle{font-size:22px;margin-top:50px}}.logoBox{width:100%;max-width:600px;padding:0 50px;margin:0 auto 20px;box-sizing:border-box}.logoBox img{margin:0 auto;display:block;object-fit:contain}@media(max-width:600px){.logoBox img{width:260px}}.nameOfService{width:100%;color:#000;text-align:center;text-transform:uppercase;font-size:50px;margin-top:0;margin-bottom:40px}@media(max-width:600px){.nameOfService{font-size:30px;margin-top:10px}}.welcomeText{align-self:center;text-align:center;max-width:500px;font-size:23px;margin-bottom:50px}@media(max-width:600px){.welcomeText{font-size:18px;margin-top:10px}}.mainContainer,.pageContainer{display:flex;flex-direction:column}.mainContainer{margin:0 auto;max-width:600px;width:100%}.textToRightSide{text-align:right;margin-bottom:50px}@media(max-width:600px){.textToRightSide{margin-bottom:30px}}.avatar-logo{width:98px;height:98px;text-align:center;background:#fff;border-radius:50%;text-transform:uppercase;margin:10px auto 40px;display:block}