html{background-color:#000000e6;scrollbar-gutter:stable both-edges}body,html{margin:0;padding:0;font-family:Inter,sans-serif;color:#fff}#root{height:100vh;max-width:1000px;margin:auto;box-shadow:0 0 10px #00000056}header{display:flex;justify-content:center;position:relative;align-items:center;background-image:linear-gradient(0deg,rgba(0,0,0,.829),rgba(0,0,0,.829)),url(/assets/movie-bg-353d04b8.jpg);background-size:cover;background-position:50% 20%;height:25%}.header-text-container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:3.3em}.header-container{display:flex;justify-content:space-around;align-items:center;position:relative}.header-link:hover{text-decoration:underline}.search{display:flex;background-color:transparent;height:40px;position:absolute;margin-top:-20px;z-index:10;left:50%;transform:translate(-50%);max-width:900px;width:90%}.search>input,.search>button{height:100%;box-sizing:border-box}.search>input{flex-grow:1;border:none;background-color:#2e2e2f;border-radius:6px 0 0 06px;font-size:1rem;color:#a5a5a5;padding-left:35px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE1SURBVHgBlZJNTsMwEIXf2LCHG/QIcALSG+AliyIiYF04CXQNKIguWLo3oJyAHCFHQKjskhiPY5e0jqX2Sa2s+fn8Jh6CV6H1UbvC1AAZuh9AKKnF7PpSvSIhcs3vetQ0+IDBKFFVSYlxfqGq7ZTgv3WzQWUdjGWN45uJYrjiGOe4hl1GgJc3fRWaZYPT24la5rn65qSFLDgWIPVPexcBjMDU27wPjX1xzBByVyLEWTyCwUm4DQkd1Cj9MYsBXkPz9V2kcsJaX/KhXnVOhvQ81+f+WEYAY/DJByIUQy5cjPDgagxmEcDO97h+ql98hdu48WmuM46F/RCHndu+ukUq7CJJuwuUWKT/6mihqJ/nnXDP6l+Gvw+PaGoshIR2F2xBCDtqw2UPsjMgBdkLMATZG7ABsfoDaY2VLaUH8SUAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:10px center;font-weight:500}.search>input:focus{outline:none}.search>button{width:120px;border:none;background-color:#4b4b4b;color:inherit;font-weight:700;border-radius:0 6px 6px 0;font-size:14px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.search>button:hover{background-color:#666}.search>button:active{background-color:#3a3a3a}.movies,.watchlist{min-height:75%;background-color:#121212;display:flex;flex-direction:column;align-items:center;padding:4em 0;box-sizing:border-box;gap:2em}.movie{display:flex;gap:1em;width:85%;border-bottom:#2c2c2c solid 1.5px;padding-bottom:1.5em}.movie:last-of-type{border-bottom:none}.movie-details{display:flex;flex-direction:column;justify-content:center;gap:.5em}.movie-details-span{font-size:.9rem}.watchlist-btn{border:none;background-color:transparent;color:inherit;font-size:inherit;cursor:pointer}.watchlist-btn:hover{text-decoration:underline}h3,p{margin:0}.poster>img{width:100px}.poster-placeholder{background-color:#2c2c2c7e;height:153px;width:100px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.movie-line{display:flex;gap:1.25em}.movie-description{color:#a5a5a5}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2e2e2f;gap:1.5em;height:75%;background-color:#121212}.placeholder-text{margin:0;font-size:1.25rem;font-weight:700}.placeholder-watchlist-link{font-size:1rem;color:#fff;font-weight:700}.placeholder-watchlist-link:hover{text-decoration:underline}h1{margin:0;font-size:3rem}a{text-decoration:none;color:#fff}a>h4{margin:0}.star-icon{padding-right:.25em;width:.9em}.movie-details-span{display:flex;gap:.75em}@media (max-width: 720px){html{font-size:14px}}@media (max-width: 500px){html{font-size:12px}}