:root{--headerColor: #233647;--heroColor: #216E99;--searchColor: #B7DDF2;--highlightGreen: #C6EE80;--background: #EDF0F4;--searchButton: #A6B2C4;--textPrimary: #233647}body{font-family:Arial,Helvetica,sans-serif;text-align:center;margin:auto;background-color:var(--background)}.header{background-color:var(--headerColor);height:100px;padding:0 60px;display:flex;flex-flow:row nowrap;color:#fff;align-items:center;gap:100px}@media (max-width: 500px){.header{height:60px}}@media (max-width: 750px){.header{gap:20px}}.header>.logo{background-image:url(/02/logo.svg);background-repeat:no-repeat,repeat;padding:50px 72px}.header>.logo :hover{cursor:pointer}@media (max-width: 500px){.header>.logo{background-image:url(/02/logo-mobile.svg);padding:22.5px 49px}}.header>.tabs{display:flex;align-items:end;justify-content:space-between;gap:60px;height:100%}@media (max-width: 750px){.header>.tabs{gap:20px}}@media (max-width: 500px){.header>.tabs{display:none}}.header>.tabs>.selectedTab{border-bottom:solid var(--highlightGreen);border-width:2px;font-weight:700;padding:20px}.header>.tabs>.tab2{padding:20px}.hero{background-image:url(/02/blade-runner.png);background-repeat:no-repeat,repeat;background-size:cover;height:500px;color:#fff;display:flex;flex-flow:column;justify-content:flex-end;align-items:flex-start;padding:60px;gap:25px}@media (max-width: 400px){.hero{justify-content:flex-start;padding:60px 20px}}.starIcon{background-image:url(/02/star-icon.svg);background-repeat:no-repeat,repeat;padding:5px 14px}.header>.userIcon{background-image:url(/02/user-icon.svg);background-repeat:no-repeat,repeat;margin-left:auto;padding:20px}.header>.userIcon :hover{cursor:pointer}@media (max-width: 500px){.header>.userIcon{background-image:url(/02/menu-icon.svg);padding:16px}}.bookmarkIcon{background-image:url(/02/bookmark-icon.svg);background-repeat:no-repeat,repeat;padding-right:32px}.searchIcon{background-image:url(/02/magnifyer.svg);background-repeat:no-repeat,repeat;padding:5px 10px}.hero>.heroButtonsContainer{display:flex;flex-flow:row wrap;align-items:center;gap:40px}@media (max-width: 400px){.hero>.heroButtonsContainer{flex-flow:column;align-self:center}}.hero>.heroButtonsContainer>.heroButton1{height:40px;border-radius:24px;border:0;background-color:#fff;width:312px;border-style:solid;font-size:1em}@media (max-width: 400px){.hero>.heroButtonsContainer>.heroButton1{width:250px}}.hero>.heroButtonsContainer>.heroButton2{height:40px;border-radius:24px;border:solid white;background-color:transparent;border-width:2px;width:312px;font-size:1em;color:#fff}@media (max-width: 400px){.hero>.heroButtonsContainer>.heroButton2{width:250px}}.hero>.heroButtonsContainer>.movieDetail{border-left:solid white;justify-self:center;padding:0 10px}@media (max-width: 320px){.hero>.heroButtonsContainer>.movieDetail{border:none;padding:0}}.searchContainer{padding:30px 60px}.searchContainer>.inputContainer{height:48px;max-width:400px;background-color:#fff;border-radius:100px;position:relative}.inputContainer>.searchInput{border-radius:30px;border:none;height:100%;width:90%;float:left;padding:0 10px}.inputContainer>.searchButton{border-radius:30px;border:solid var(--searchButton);background-color:var(--searchButton);width:48px;height:100%;position:absolute;right:0}.inputContainer>.searchButton :hover{cursor:pointer}.movieSectionTitle{text-align:left;padding:0 60px;color:var(--textPrimary)}.table{display:flex;flex-flow:row wrap;justify-content:space-between;gap:10px;padding:20px 60px}.movieContainer>.watchLater{background-image:url(/02/bookmark-movie.svg);background-repeat:no-repeat;position:absolute;padding:15px;top:0;right:0}.table>.movieContainer{background-image:url(/02/movie-cover1.svg);height:255px;width:182px;position:relative}@media (max-width: 500px){.table>.movieContainer{background-image:url(/02/movie-cover-mobile.svg);height:134px;width:95px}}.userIntro{display:flex;justify-content:space-between;padding:60px;font-weight:700;color:var(--textPrimary);align-items:center}@media (max-width:650px){.userIntro{padding:30px 60px}}.logoutIcon{background-image:url(/02/logout.svg);background-repeat:no-repeat,repeat;padding:3px 12px;margin-left:10px}.userData{text-align:left;margin-left:60px}.userDataContainer{background-color:#fff;font-weight:700;display:flex;flex-flow:column;width:650px;height:240px;border-radius:10px;gap:10px;justify-content:space-around;margin-left:60px}@media (max-width:650px){.userDataContainer{width:auto;margin:0}}.userDataContainer>.userField{display:flex;gap:18px;align-items:center;margin:0 40px;padding:18px 0;border-bottom:solid var(--background)}.userDataContainer>.userField>.userIcon{background-image:url(/02/user.svg);background-repeat:no-repeat;padding:16px}.userDataContainer>.userField>.mailIcon{background-image:url(/02/mail-icon.svg);background-repeat:no-repeat;padding:16px}.userDataContainer>.userField>.editIcon{background-image:url(/02/edit-icon.svg);background-repeat:no-repeat;padding:16px;margin-left:auto}