#menu{background-color:var(--navColor);height:100px;display:flex;flex-flow:row nowrap;position:sticky}#menu>ul{list-style:none;display:flex;flex-flow:row wrap;align-items:center;align-content:center;gap:80px;width:100%;padding-right:40px}#menu>ul>#profileIcon{margin-left:auto}#menu>ul>#profileIcon>a{display:block;background-image:url(../../../../public/assets/img/profile-icon.png);width:40px;height:40px;background-position:center;background-repeat:no-repeat;background-size:cover}#menu>ul>li>a{color:var(--textDarkBG);text-decoration:none}#hero{background-color:var(--heroColor);background-image:url(/04/assets/hero-bg-0b3246a6.png);background-repeat:no-repeat;background-position:center;background-size:cover;height:567px;color:var(--textDarkBG)}#hero>#movieInfo{margin-left:50px;text-align:start;transform:translateY(300px)}#hero>#movieInfo>p{margin:0;padding:0}#hero>#movieInfo>a{text-decoration:none;color:var(--textDarkBG)}.button{width:300px;font-size:1.2em;font-weight:700;padding:10px;border:2px solid;border-color:#fff;border-radius:90px;margin:10px}.save{color:var(--textDarkBG);background:none}form{position:relative}form>#search{text-indent:15px;padding-right:70px;margin:30px 30px 30px 50px;height:50px;width:30vw;border:none;border-radius:100px}form>button{position:absolute;left:32%;transform:translate(-50%);top:20%;height:70px;background:none;border:none;border-radius:50%;cursor:pointer}#cardsContainer{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;margin:auto;padding:50px}#cardsContainer>p{padding:10px}#cardsContainer>#savedMovies,#cardsContainer #popularMovies{display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px}.item{width:182px;height:255px}#savedMovies>.item{background-image:url(../../../../public/assets/img/movies-images.png)}#popularMovies>.item{background-image:url(../../../../public/assets/img/tendencies-movies.png)}#logout{padding:50px;display:flex;flex-flow:row-reverse nowrap;justify-content:space-between}#personalDataTitle{margin:50px}#personalDataForm{margin:2em 50px 50px;padding:50px;display:flex;flex-flow:column nowrap;background-color:#fff;width:30%;border-radius:5%}#personalDataForm>img{width:40px;height:40px;display:flex;flex-direction:row}#personalDataForm>.inputGroup{display:flex;justify-content:space-between;border-bottom:1px solid grey}#personalDataForm>.inputGroup>button{background:none;border:none;cursor:pointer}#personalDataForm>.inputGroup input{flex:1;border:none;outline:none;padding:0 .5rem;font-size:1rem}*{box-sizing:border-box}:root{--navColor: #233647;--heroColor: #216E99;--searchColor: #B7DDF2;--lightBGcolor:#EDF0F4;--evenItemColor: #7FB4D2;--oddItemColor: #2B83B5;--textDarkBG: #FFFFFF;--textLightBG:#000000;--generalSmallFont: arial}body{display:flex;flex-direction:column;margin:0;overflow-x:hidden;font-family:var(--generalSmallFont);background-color:var(--lightBGcolor)}body>#container{width:100%;margin:0}@media (max-width:870px){#menu>ul{flex-wrap:nowrap;gap:20px;padding:0 20px;justify-content:space-between}#hero>#movie-info{display:flex;flex-flow:column wrap;margin-left:0;align-content:center;transform:translateY(139px);text-align:center}#hero>#movie-info>:first-child{text-align:start}form>#search{width:calc(100% - 100px)}form>button{display:none}#personalDataForm{width:100%}}@media (max-width: 655px){body>#container{width:100%}.item{width:100px;height:150px;background-position:center;background-size:cover}#menu{background-color:var(--navColor);width:100%;height:100px;display:flex;flex-flow:row nowrap}#menu>ul{flex-flow:row nowrap;align-items:center;align-content:center;gap:10%}#menu>ul>#profileIcon{justify-self:flex-end}#menu>ul>li>a{color:var(--textDarkBG);text-decoration:none}}